另一个动画正在进行时,Jquery动画

我正在使用 JQUERY EASING PLUGIN给出一个简单的缓动动画
即从左边开始的div：200到左边：0和后面.(上一页的最后一个例子)

我在容器div中有多个div.我想要做的是按以下方式设置4个div的动画：

1]假设我有两个div,div1和div2.
当div1被动画化并且动画正在进行时,div2动画应该是start.eg：当div1从left = 200移动到left = 0时,div2动画应该在div1为left = 100时开始.

编辑
(注意：div的数量是可变的)

…….

当前动画正在进行中,并且到达一个点时,下一个动画应该开始(动画的效果与所有div的效果相同).

2]在迭代div集合和动画时,在给定的时间间隔内延迟下一个动画.

有没有办法知道动画的开始？还是动画正在进行中？

谢谢大家

您可以使用’：animated’伪选择器来查明元素当前是否处于运动状态：

if ($('#div1').is(':animated')) {
    // do something
}

http://api.jquery.com/animated-selector/

您还可以尝试步骤选项来检查div2何时应该开始动画：

$('#div1').animate({
    left:0
},{
    step: function() {
        // check distance and animate div2 when it reaches 100
    }
});

http://api.jquery.com/animate/