当其他div动画完成时,开始动画div

Question

我正在研究一个相当复杂的jquery-to动画,它根据不同的触发事件移动各种div.为了简化我想要解决的方案是:

1. 我在屏幕上有DIV 1和DIV 2
2. DIV 1需要从位置A动画到位置B.
3. DIV 2还需要从位置C到位置D的动画,但是仅当DIV 1到达位置B时.

我该如何绕过这样的事情呢？

我想我需要使用一种trigger/event listener机制,如果DIV 2进入睡眠状态,只有当DIV 1到达屏幕上的位置B时才会被触发的事件唤醒.

这是我应该拥有的最好的心态吗？我如何使用jQuery执行此操作.

非常感激.

Answer 1

该动画功能可让您指定执行的回调当动画结束:

$('#div1').animate({...}, 1000, 'linear', function() {
    $('#div2').animate({...}, 1000);
});