"すべての"要素に対してアニメーション時間が無限に呼び出されました

Question

div要素のセット（次のように50とします）に対して次のアニメーションを実行しようとしていますが、$.each()関数は配列の最初の要素。

$.each(droplets, function(){ 
splashVanish(this); 
}); 



    function splashVanish(droplet) { 
    droplet.fadeOut(500, function(){ 
    droplet.css({'top':Math.random()*600+'px','left':Math.random()*1400+'px'}); 
    droplet.remove(); 
    $("body").append(droplet); 
      //recursive call for infinite animation time 
    droplet.fadeIn(500,function(){splashVanish(droplet)}); 
    }); 
} 

上記のコードが実行されると、アレイfadesOutにのみ最初divは、無限animatiion期間のための位置とfadesInをランダム化します。悲しいことに、他の全てのものは静的であり、同じ機能を実行していません。

Answer 1

あなたのコメントによると、dropletsがdivのコレクションである場合は、代わりにeach()を使用する必要があります。 $.each()は配列を反復処理します。これを試して、それが動作するかどうか確認してください。

droplets.each(function(){ 
    splashVanish($(this)); 
});