每个函数内的 JQuery 队列/延迟()

Question

我希望这个函数延迟每个函数内的每个动画。那是一个接着一个。现在他们都在一起了。

$('.bounceholder ul:eq(' + bounceholder + ') li').each(function(){
            $(this).delay(1000).animate({left: bounceoffset, top:-8, opacity:0.6, leaveTransforms:true}, {duration:600, queue:true});
            bounceoffset += 160;
        });

Answer 1

您传递给 each 的 block /函数可以接受计数器/索引作为第一个参数:

$('.bounceholder ul:eq(' + bounceholder + ') li').each(function(i){
  delay = (i + 1) * 1000
  $(this).delay(delay).animate({left: bounceoffset, top:-8, opacity:0.6, leaveTransforms:true}, {duration:600, queue:true});
  bounceoffset += 160;
});