如何等待父元素，直到子节点停止动画（）

Question

我在UL内部获得了一系列LI元素动画（slideDown）。在LI完成动画后，我想在UL之下添加A-HREF元素。

有问题 - 如果我使用

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

等待LI完成动画，我的回调将被称为n次（n =计数LI） - 如果我有20个LI，则将在UL之后添加20个A-HREF。我需要一个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元素用于你的动画，这只会提供一个回调。

如果你不能这样做，请说明理由，否则很难提供建议。