使用jquery延遲，然後淡出並刪除

Question

我有一個對話框在即時通訊工作，即時通訊嘗試通過執行以下工作。

它的構建使用.append（）等待5秒，然後fadeout（）和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/

Answer 1

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

d on't調用remove在回調函數

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

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

Answer 2

小modyfied你的小提琴 - http://jsfiddle.net/shershen08/pAzyc/6/所以現在它的工作原理。問題在於$（this）只指向一個元素，但是如果您想將函數應用於多個元素，您可以使用$ .each