当另一个动画正在进行时，Jquery 动画

我正在使用这里给出的简单缓动动画JQuery 缓动插件
即，将 div 从 left:200 缓动到 left:0 并返回。（上页的最后一个示例）

我在一个容器 div 中有多个 div。我想要做的是通过以下方式为 4 个 div 设置动画：

1]假设我有两个div，div1和div2。 当 div1 动画化时，动画正在进行中div2 动画应该开始。例如：当 div1 从 left=200 移动到 left=0 时，div2 动画应该在 div1 位于 left = 100 时开始。

Edit（注：div的数量是可变的）

当。。。的时候current动画正在进行中，并到达某​​个点next动画应该开始（所有 div 的动画效果都相同）。

2] 在迭代 div 集合和动画时，将下一个动画延迟给定的时间间隔。

有什么方法可以知道动画的开始吗？或者动画正在进行中？

谢谢大家

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

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

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

您还可以尝试step检查 div2 何时开始动画的选项：

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

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