複数の/すべてのアニメーションに1行で.stop（false、true）を追加

Question

.stop(false,true)をすべてのアニメーションにワンタッチで適用する方法はありますか？

が言うには、私のglobal.jsに私は実際にこれらのアニメーションのそれぞれに白にせずに.stop(false, true)を持っているすべての.animate、fadeInとfadeOutをしたいです。

文書の冒頭に追加できるコード行は、実際には各アニメーションの前に自動的に追加されるようなものですか？

の代わりに：あなたは関数内でそれをラップし、ちょうどあなたが必要な時はいつでもあなたのスクリプトでそれを呼び出すことができます

$wizard_stuff(animate, fadeIn, fadeOut).stop(false, true); 
$('#').animate({ 
}); 
$('.x').fadeIn(); 
$('.y').fadeOut(); 
$('.z').fadeIn(); 

Answer 1

あなたはJQ擬似セレクタ:animated使用することができます

$(':animated').stop(false, true); 

説明：セレクタが実行された時点で アニメーションの進行中のすべての要素を選択します。

Answer 2

：

$('#').stop(false, true).animate({ 
}); 
$('.x').stop(false, true).fadeIn(); 
$('.y').stop(false, true).fadeOut(); 
$('.z').stop(false, true).fadeIn(); 

ような何か。毎回同じ要素またはセレクタでアニメーションを停止する必要があるかどうかに応じて、パラメータを追加する必要がある場合としない場合があります。例えば：

function stopAnimations() { 
    $('#, .x, .y, .z').stop(false, true); 
} 

function startAnimations() { 
    $('#').animate({ 
    }); 
    $('.x, .z').fadeIn(); 
    $('.y').fadeOut(); 
} 

そして、スクリプトの他の部分であなただけのstartAnimations()を呼び出すことができます。それはあなたが探しているもののラインに沿ったものですか？