jQueryアニメーションでアニメーションが検出されたら？

Question

エレメントの値が変化している場合、エレメントがアニメーション化または検出しているかどうかを検出する手段ですか？

要素がアニメーション化されている場合、関数をトリガする必要があるためです。アニメのonCompleteではありません。選択された要素をアニメーション化されたとき

Answer 1

次戻り真：

var isAnimating = $("#someid").is(':animated'); 

より詳細：

http://api.jquery.com/animated-selector/
及び/又は
http://api.jquery.com/animate/
ステップ：関数〜と呼ばれるアニメーションの各ステップを完了します。

Answer 2

簡単な方法は、アニメーションが開始されるとすぐにtrueに設定されるグローバルブール値を追加することです。次に、終了時にfalseに設定するコールバック関数をアニメーションに追加します。

var running = false; 

$('#start').click(function(){ 

    running = true; 

    $('#target').animate({opacity: 0.5},'slow',function(){ 

     running = false; 

    }); 

}); 

編集：ありがとうございました。

Answer 3

要素がアニメーション化されている場合、関数をトリガする必要があるためです。アニメのonCompleteではありません。 $(element).on(":animated", function(){ ... });以来

は、私が見ることができる唯一の方法は非常に簡単にあなたがあなたのアニメーションを実行したときに呼び出したい関数を実行することで、動作していないよう：

$(selector).animate(. . .); 
functionToCall(); //called with animate above 

別の解決策、あなたがありますアニメーションの開始を処理する独自のライブラリを作成し、上記の簡単な方法でアニメーションを開始すると必要な関数を呼び出すこともできます。

だから、いくつかの擬似コード：

var animation = new MyAnimationLibrary(function() { $(selector).animate(...) }); 
animation.onStart.push(function() { 
    alert('animation starts'); 
}); 
//then later in the code: 
animation.start(); 

は、その後すぐ上には、配列animation.onStartで関数を呼び出すと、あなたのアニメーションをトリガします。