1

AngularJS アプリケーションでjquery プラグイン「ラウンドアバウト」( http://fredhq.com/projects/roundabout/ )を使用しようとすると、アニメーションに問題が発生します。私はそれのためのディレクティブを書きました:

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>

アプリケーションを実行すると、カルーセルがアクティブになっていることがわかりますが、これは問題ではないので、ディレクティブが機能しているように見えます。問題はアニメーションです。それらのいずれかをクリックすると、滑らかな回転アニメーションが提供されるはずですが、代わりに、約 1 秒間 (数ピクセルのみ) ゆっくりと右に移動し (右または左に回転する必要はありません)、新しい位置にジャンプします。それをAngularで動作させる方法はありますか、それとも私が見逃していることは明らかですか? 私は ng-animate を調べましたが、プラグインがアニメーションを処理していることを考えると、この場合は使用できないと思います。

4

0 に答える 0