如何在3次延遲後刪除元素？

Question

$('#gallerie ul li:eq(1)').animate({opacity: 1}, 1250).remove(); //results in instand remove 
$('#gallerie ul li:eq(1)').delay(3000).remove(); //instant remove 
$('#gallerie ul li:eq(1)').remove().delay(3000); //that didnt work either 

如何刪除3秒鐘，而不是之後的對象被刪除瞬間？

Answer 1

setTimeout(function(){ 
    $('#gallerie ul li:eq(1)').remove(); 
},3000); 

Answer 2

你可以這樣做：

setTimeout(function(){ 
     $('#gallerie ul li:eq(1)').remove(); 
},3000); 

Answer 3

這個怎麼樣：

$('#gallerie ul li:eq(1)').animate({opacity: 1}, 1250,function(){ 
    $(this).remove(); 
}); 

Answer 4

的delay方法用於動畫，它被延遲後，可以進行鏈接所以只有激勵方法。 delay方法在動畫隊列中放置一個延遲，它不會延遲代碼的執行。

要在動畫後刪除元素，可以使用它的回調方法。例如：

$('#gallerie ul li:eq(1)').fadeOut(3000, function() { 
    $(this).remove(); 
}); 

Answer 5

如果你想要做的它.delay方式，你需要把一個.queue：

$("#gallerie ul li:eq(1)").delay(3000).queue(function() { 
    $(this).remove(); 
}); 

演示：http://jsfiddle.net/karim79/MT4Yd/

Answer 6

The manual page說（很清楚，實際上） ：

「添加到jQuery的1.4版本中，.delay()方法允許我們推遲的樂趣執行它們在隊列中跟隨它。它可以與標準效果隊列或自定義隊列一起使用。只有隊列中的後續事件被延遲;例如，這不會耽誤的.show()或.hide()無參數的形式不使用效果隊列。」

remove()不會使用效果隊列。

您可以使用jQuery的​​，hide() .. 。或者作爲一個完整的相當於原來的嘗試，Javascript's basic setTimeout function.

希望幫助