许多元素的jQuery动画队列

Question

我有很多不同的元素(b,c,d,e,f classes)，但他们每个都有相同的东西 - 'a class'。如何制作一些动画quene，让他们在FIFO订单（先进先出）中一个接一个地动画？

由于有很多元素，回调函数会变得疯狂，我不能在什么时候调用div。

Answer 1

鉴于您的动画都是同一种（动画左50），但对多个元素做，你可以这样来做：

nextAnim($('.a')); 

function nextAnim(elems) { 
    elems.eq(0).animate({'left':50}, function() { 
      nextAnim(elems.slice(1)); // slice off the first element 
    }); 
} 

见working fiddle

Answer 2

Understanding jQuery Deferred.pipe()

如果你想学习新东西并以优雅的方式做事，你可以尝试使用延迟对象。

Answer 3

我用

$('.a').filter(function(){ return $(this).is(':animated')}).length 

知道，如果任何项目被alredy动画，而且我射击的动画，只有当他们没有被动画