jQuery:append() 对象，用delay() 删除它

Question

这有什么问题吗？

$('body').append("<div class='message success'>Upload successful!</div>");
$('.message').delay(2000).remove();

我想将成功消息 append 到我的 html 文档中，但只持续 2 秒。之后该 div 应该再次被删除。

我在这里做错了什么？

问候

Answer 1

使用setTimeout()直接( .delay() 在内部使用)在这里更简单，因为 .remove()不是一个排队函数，总体来说它应该是这样的:

$('body').append("<div class='message success'>Upload successful!</div>");
setTimeout(function() {
  $('.message').remove();
}, 2000);

You can give it a try here .

.delay()用于动画(或任何命名的)队列，要使用它，您必须执行以下操作:

$("<div class='message success'>Upload successful!</div>").appendTo('body')
  .delay(2000).queue(function() { $(this).remove(); });

Which works, here ...但是为了链接IMO，这只是矫枉过正并且效率极低。通常，您还必须调用 dequeue 或下一个函数，但既然您无论如何都要删除该元素......