jquery - 回调.delay()

Question

我有一个 $image，我 .fadeIn 和 .fadeOut，然后 .remove .fadeOut 完成。这是我的代码:

$image
   .fadeIn()
   .fadeOut(function() {
      $(this).remove();
   });

我想在 .fadeOut 之后添加 .delay，并且 .remove $image 仅一次.delay 已完成。我尝试过:

$image
   .fadeIn()
   .fadeOut()
   .delay(1000, function() {
      $(this).remove();
   });

问题是 .delay 不不接受回调函数。如何.remove图片作为.delay的回调？

Answer 1

您可以使用queue()安排您自己的函数在 delay() 完成后运行的方法:

$image.fadeIn()
      .fadeOut()
      .delay(1000)
      .queue(function(next) {
          $(this).remove();
          next();
      });