Question

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

Callback正在疯狂，因为有很多元素，我不知道什么时候会调用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

知道是否有任何项目已经动画化，并且我只在没有动画时才会触发动画

许多元素的jQuery动画队列

3 个答案: