使用带有AngularJS的Jquery插件(Roundabout)时动画不稳定

时间:2013-07-08 03:10:14

标签: jquery jquery-plugins angularjs jquery-animate angularjs-directive

当我尝试将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,但考虑到插件正在处理动画,我认为我不能在这种情况下使用它。

0 个答案:

没有答案