当另一个完成时开始一个动画答案

【问题标题】：Start an animation when the other are finished当另一个完成时开始一个动画
【发布时间】：2014-04-01 11:45:14
【问题描述】：

当用户点击时，我尝试为许多元素设置动画：

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

但我的目标是当所有其他动画都完成时 addClass 明星。我尝试为 addclass 设置一个 queue:true，但它不起作用。

当只有两个动作时，我知道这种语法：

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

有多个动画怎么办？

有什么想法吗？谢谢，

【问题讨论】：

检查deferred.done()

标签： jquery animation queue

【解决方案1】：

你可以使用 jquery 的 queue 方法。什么时候可以列出你的动画功能

检查这个：http://api.jquery.com/queue/

【讨论】：

【解决方案2】：

您可以使用setInterval() 将所需的动画排入队列。

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

【讨论】：