不能讓一個類的所有元素出現延遲後

Question

我試圖使某個類的所有元素顯示，但每個元素延遲後。

此代碼即時顯示所有元素，但我想在每個元素之間等待1秒。

$('.notify').each(function(index) { 
    $(this).fadeIn('slow'); 
}); 

我試過使用setTimeout，但它'失去'元素變量（一個叫'這個'）。我也嘗試過使用.delay（），但這只是讓所有元素在1秒後一起顯示。

Answer 1

你可以做這樣的事情：

$('.notify').each(function(i) { 
    $(this).delay(i * 1000).fadeIn('slow'); 
}); 

這將在第一瞬間消失，一個1000毫秒後的第二，如果需要的話等...只是調整延遲，MS加一定數量的創建如果你願意，可以在第一個之前延遲。

注：此延遲之間的開始每.fadeIn()的，如果你想等待，如果完成衰落一整秒後，持續時間添加到1000（默認持續時間爲400毫秒）。