.remove（）忽略.delay（）？

Question

Here有一個例子：

<div id='example'> 
    ciao 
</div> 

$('#example').fadeOut(600).delay(600).remove(); 

我想淡出元素，不是將其刪除，但看起來像.remove()忽略.delay()（所以元素被立刻刪除）。

我該如何解決這個問題？

Answer 1

.remove不是關於動畫，所以.delay沒有效果。

你可以做的是通過當動畫完成其被執行的函數（回調參數 - 見http://api.jquery.com/fadeOut/）：

$('#example').fadeOut(600, function() { 
    $(this).remove(); 
}); 

http://jsfiddle.net/pimvdb/Sny7P/1/

Answer 2

指定的回調，而不是

$('#example').fadeOut(600, function() { $(this).remove(); }); 

Answer 3

代替使用延遲，將回調傳遞給fadeOut：

$('#example').fadeOut(600, function() { 
    $("#example").remove(); 
});