javascript - 如何在 jquery 中链接多组动画？

Question

假设我有几个功能，我可以在其中执行某种动画和其他一些事情：

function animations1() {
    $('some_object').animation();
    ...
}

function animations2() {
    $('some_object').animation();
    ...
}

function animations3() {
    $('some_object').animation();
    ...
}

链接这些功能的最佳方式是什么，完成时调用 ei animations2，完成时animations1调用？animations3animations2

Answer 1

可以使用 animate 方法的回调函数：

$('some_object').animate({..}, 100, function(){
   $('another_object').animate({..}, 100)
})

或者：

function animations1() {
     $('some_object').animate({..}, 100, function(){
       animations2() 
     })
}

function animations2() {
     $('another_object').animate({..}, 100, function(){
       animations3() 
     })
}

function animations3() {
    $('some_object').animation();
    ...
}