啓動動畫時，其他完成

Question

我嘗試很多動畫元素，當用戶點擊：

$('.serie').click(function(){ 
    $("#fade1").fadeIn(2000); 
    $("#fade2").fadeIn(2000); 
    $("#fade3").fadeIn(3000); 
    $('afterall').addClass("newclass",700); 
}); 

但我的目標是，addClass明星當所有其他動畫完成。 我嘗試設置一個隊列：對於addclass爲true，但它不起作用。

我知道這句法剛好有兩個動作：

$('#fade1).fadeIn('2000', function(){ 
    $('afterall').addClass("newclass",700); 
}); 

時，有幾個動畫我該怎麼辦？

有什麼想法？ 謝謝，

Answer 1

你可以使用jquery的隊列方法。當你可以列出你的動畫功能

檢查這一點：http://api.jquery.com/queue/

Answer 2

您可以使用setInterval()，因爲你需要排隊儘可能多的動畫。

var i=1; 
var iv = setInterval(function(){ 
    if(i<4){ 
     $("#fade"+i).fadeIn(2000); 
     i++; 
    }else{ 
     clearInterval(iv); 
    } 
},2000);