如何等到父元素，直到孩子停止動畫（）

Question

我在UL裏面得到了一堆LI元素動畫（slideDown）。 LI完成動畫後，我想在UL下面添加A-HREF元素。

有一個問題 - 如果我使用

$('li').animate(SPEED, callback) 

等待LIS完成其動畫，我的回調將被稱爲n次（N =計數LI） - 如果我有20個LIS，20一-HREF將被添加到UL的波紋管中。換句話說，我需要等到一個A-HREF，直到LI完成他們的動畫，然後開始一個回調。

任何想法？

Answer 1

嘗試，

$('li').animate(SPEED, callback); 

callback = function(){ 
    if ($(this).siblings(':animated').length < 1) { // check if other li's are still animating... 
     // do parent animation or anything here... 
    } 
} 

Answer 2

你不能使用UL元素作爲你的動畫，這將只提供一個回調。

如果你不能這樣做，請給出你的理由，否則很難提供建議。