如何在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.

希望帮助