回调.delay()

Question

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

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

我想添加.delay后.fadeOut,并.remove在$image一次.delay完成.我试过了:

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

问题是.delaydoest 不接受回调函数.我怎么.remove把图片作为回调.delay？

Answer 1

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

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

Answer 2

你可以随时这样做:

$image
    .fadeIn()
    .fadeOut(function() {
        var self = this; // Not sure if setTimeout
                         // saves the pointer to this
        setTimeout(function() {
            $(self).remove();
        }, 1000)
    });