JQuery：如何使用我自己的函数使用JQuery延迟？

Question

如何使用JQuery的delay连同我自己定义的函数，伪代码，像这样?:

$('#foo').slideUp(300).delay(800).myOwnFunction(1,2,3); 
function myOwnFunction (a,b,c) {...} 

上面的代码不工作，但是 - 每JQuery documentation看起来像它应该。

Answer 1

在这里使用setTimeout()。动画完成向上滑动后，它将运行匿名函数，该函数包装大约800毫秒后调用函数的setTimeout()。

$('#foo').slideUp(300, function() { 

    setTimeout(function() { 

     myOwnFunction(1, 2, 3); 

    }, 800); 

}); 




function myOwnFunction(a, b, c) { 
     alert(a + b + c); 
    }; 

无关紧要，下面定义了它，因为它的定义应该被提升到顶端。

Answer 2

$('#foo') 
    .slideUp(300) 
    .delay(800) 
    .queue(function() { 
     myOwnFunction(1,2,3); 
     $(this).dequeue(); 
    }); 

参见：

• http://api.jquery.com/queue/
• http://api.jquery.com/dequeue/