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/