Question

让我们说我有几个功能，我会做一些动画和其他一些事情：

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

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

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

将这些功能联系起来的最佳方法是什么，e.i。完成animations2后致电animations1，并在animations3完成时致电animations2？

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

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

1 个答案: