なんとなく違う要素がたくさんありますが(b,c,d,e,f classes)
、どれも同じようなものを持っています- 'a class'
。それらを順番に(先入れ先出し)quene
次々とアニメーション化するアニメーションを作成するにはどうすればよいですか?FIFO
多くの要素があり、どの div がいつ呼び出されるかを推測できないため、コールバックはそれに夢中になっています。
なんとなく違う要素がたくさんありますが(b,c,d,e,f classes)
、どれも同じようなものを持っています- 'a class'
。それらを順番に(先入れ先出し)quene
次々とアニメーション化するアニメーションを作成するにはどうすればよいですか?FIFO
多くの要素があり、どの div がいつ呼び出されるかを推測できないため、コールバックはそれに夢中になっています。
アニメーションがすべて同じ種類 (左から 50 までアニメーション化) であるが、複数の要素で実行されている場合、次のように実行できます。
nextAnim( $('.a') );
function nextAnim(elems) {
elems.eq(0).animate({'left':50}, function() {
nextAnim( elems.slice(1) ); // slice off the first element
});
}
作業フィドルを参照してください
何か新しいことを学び、エレガントな方法で物事を行いたい場合は、遅延オブジェクトを使用してみることができます。
私は使用しました
$('.a').filter(function(){ return $(this).is(':animated')}).length
アイテムのいずれかがすでにアニメーション化されているかどうかを知るために、アニメーション化されているアイテムがない場合にのみアニメーションを起動しています