jquery - 使用jQuery来延迟，然后淡出并删除

我在网站上有一个对话框，我正在尝试通过执行以下操作来使该网站正常工作。

其使用.append（）的构建将等待5秒钟，然后淡出（）和remove（）。我写了以下内容，但它似乎不起作用。

html

<div class="addAddressDialog"></div>
<div class="overlay"></div>

js

    $(".addAddressDialog").append("<span> Thank you </span>")
     .delay(5000)
     .queue(function(next){
      $('.addAddressDialog, .overlay').fadeOut('fast',function(){$(this).remove()});
    });

http://jsfiddle.net/mynameisdonald/pAzyc/

最佳答案

更新的小提琴-http://jsfiddle.net/pAzyc/2/

不要在回调函数中调用remove

    $('.overlay').css("height",$(document).height());

    $(".addAddressDialog").append("<span> Thank you </span>").delay(5000).queue(function(next){
      $('.addAddressDialog, .overlay').fadeOut('fast').remove();
});