許多元素的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動畫，而且我射擊的動畫，只有當他們沒有被動畫