动画完成后回调函数

Question

这是我的小问题：

我想在动画完成后调用函数。 我可以用这个例子。 但我还需要再打电话。

示例代码

$('.content').animate({
    left: '100'}, {
    duration: 500,
    complete: onComplete /* function is passed as a variable, not called directly , 
                             its doesn't work like : onComplete()*/
});

我已经尝试过以下事情但我没有得到它。 如何解决它。

try 1. complete:onComplete, secondonCompletefn
try 2. complete:onComplete, 
       complete:secondonCompletefn

谢谢。

Answer 1

$('.content').animate({
    left: '100'}, {
    duration: 500,
    complete: function(){
        onComplete();
        secondonCompletefn();
    }
});

Answer 2

您应该能够将回调作为第三个参数（第二个是持续时间）传递给animate函数，例如：

$('.content').animate({
    left: '100'}
}, 500, function() {
 onComplete();
});

Answer 3

尝试这个

function foo(){
        onComplete();
        secondonCompletefn();
}
$('.content').animate({
    left: '100'}, {
    duration: 500                         
}).promise().done(foo);// this will animate and then call the function