Бесконечный вызов времени анимации, не работающего для элементов «все»

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, рандомизирует положение и fadesIn для бесконечной продолжительности Animatiion. К сожалению, все остальные 49 div s являются статическими и не выполняют ту же функцию.

Answer 1

В соответствии с вашими комментариями, если droplets является коллекцией div s, вам необходимо использовать each(). $.each() итерации массивов. Попробуйте это и посмотрите, работает ли это.

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