javascript - jqueryでアニメーションの複数のグループを連鎖させる方法は?

Question

ある種のアニメーションやその他のことを行ういくつかの機能があるとしましょう。

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

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

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

これらの関数を連鎖させる最良の方法は何でしょうか? ei call animations2when animations1is completed と call animations3, when animations2is complete?

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();
    ...
}