动画完成后回调函数

时间:2015-09-21 11:38:20

标签: javascript jquery

这是我的小问题:

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

示例代码

$('.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

谢谢。

3 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

您应该能够将回调作为第三个参数(第二个是持续时间)传递给动画函数,例如:

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

答案 2 :(得分:0)

试试这个

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