Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动画完成后对函数的回调_Javascript_Jquery - Fatal编程技术网

Javascript 动画完成后对函数的回调

Javascript 动画完成后对函数的回调,javascript,jquery,Javascript,Jquery,这是我的小问题: 我想在动画完成后调用函数。我可以举一个例子。但我需要再打一个电话 示例代码 $('.content').animate({ left: '100'}, { duration: 500, complete: onComplete /* function is passed as a variable, not called directly , its doesn't work like : on

这是我的小问题:

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

示例代码

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

多谢各位

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

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

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