jquery - 无限调用动画时间不适用于 "all"元素

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)}); 
   });
 } 

当上面的代码运行时，只有数组中的第一个 div 淡出，随机化位置和淡入无限动画持续时间。遗憾的是，所有其他 49 个 div 都是静态的并且不执行相同的功能。

Answer 1

根据您的评论，如果 droplet 是 div 的集合，您需要改用 each()。 $.each() 迭代数组。试试这个，看看它是否有效。

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