jquery - 链接必须等待动画的 jquery 事件的不太详细的方法？

Question

链接在 jQuery 中很棒，但它链接每个事件的触发器，并且不等待前一个事件完成。这主要在制作动画时很明显。

因此，我见过的解决方法是使用回调函数。唯一的缺点是，比如说，您想要连续为 4 个物体设置动画。

诚然，这可能是您不想经常做的事情，但是当您这样做时，标记似乎会变得有点冗长。示例(伪代码):

element.animate(fast, callBackFunction1(element1,element2,element3);

function callBackFunction1(element1,element2,element3){
    element1.animate(fast, callBackFunction2(element2,element3));
};

function callBackFunction2(element2,element3){
    element2.animate(fast, callBackFunction3(element3));
};

function callBackFunction3(element3){
    element3.animate(fast);
};

在这种情况下，这是最好/最简洁的处理方式吗？

Answer 1

尝试以下操作..:)

element.animate(fast, function() {
    element1.animate(fast, function() {
        element2.animate(fast, function() {
            element3.animate(fast);
        });
    });
});