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

Question

我正在使用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集合和动画时,在给定的时间间隔内延迟下一个动画.

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

谢谢大家

Answer 1

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

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

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

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