1

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

4

0 回答 0