当我尝试将jquery插件“roundabout”(http://fredhq.com/projects/roundabout/)与AngularJS应用程序一起使用时,我遇到了动画问题。我已经为它写了一个指令:
carousel: [function() { return {
link: function($scope, $elem, $attrs) {
$($elem).roundabout()
}
}}],
和html看起来像:
<ul carousel="{}">
<li>Test</li>
<li>Another Test</li>
<li>Three Test</li>
<li>Four Test</li>
<li>Five Test</li>
</ul>
当我运行应用程序时,我看到轮播激活,这不是问题,所以我知道该指令似乎有效。问题是动画。单击其中一个应该提供平滑的旋转动画,但是它会向右缓慢移动大约一秒钟(仅几个像素)(无论它应该向右还是向左转移)然后跳转到新位置。有没有办法让它与Angular一起工作,或者是我缺少的明显的东西?我已经研究过ng-animate,但考虑到插件正在处理动画,我认为我不能在这种情况下使用它。