jquery - jQuery延迟队列不起作用

Question

我一直试图让 .delay() 方法在这一行上工作，但即使我在 .empty() 方法之前设置了延迟方法，它也会立即清空内容。

这是我的代码：

$('.work_thumbs').fadeTo(200, 0).delay(200).empty();

'.work_thumbs' 是一组我想消失的图像，然后一旦它们完成消失，我希望清空具有该类的元素，以便图像有效地消失。

但是它们完全消失了，因为 .empty() 方法运行并完全忽略了 .delay() 方法，这是为什么呢？

Answer 1

你可以使用 setTimeout 函数来延迟你的脚本，像这样，

$('.work_thumbs').fadeTo(200, 0);
setTimeout(function() {
  $('.work_thumbs').empty();
}, 2000);