2012-01-31 14 views
0

divの上または外にホバリングするとき、jqueryのアニメーション機能に問題があります。jquery hoverアニメーションキューイング

私がしようとしているのは、マウスが要素の上を移動すると、拡大します。これは正常に動作しますが、マウスを動かすと問題が発生しますので、何が起こっているのかは、アニメーションが終了していないことと、ホバーをキューに入れていることです。

以下のJSFiddleリンクに私の仕事の例を挙げました。

http://jsfiddle.net/hPeHG/

答えて

1

あなたは新しいアニメーションを追加する前にキューをクリアする.stop(true)を使用する必要があります。

$('selector').stop(true).fadeOut(...); 
+0

私はこれを試しましたが、何の効果もありません。機能に変更はありません。 – tmutton

+0

違いは、あなたが偶発的に複数回イベントをトリガすると、あなたのボックスが成長し続けることがないということです。 – Stefan

+0

私はちょうど.stop(真、真)を試しました、そして、それはちょうど私が入れた完了ブール旗でうまくいった。 – tmutton