jQuery Waypoint插件逐個淡入元素

Question

我正在使用路點jQuery插件和插件在滾動時淡入淡出時的行爲。然而，我無法讓這些街區一個接一個地褪色。這裏是我的jQuery代碼：

$('.hblock').not("#welcome, #block2").fadeTo(0, 0); 
$('.hblock').waypoint(function(event, direction) { 
    if(direction == "down") { 
     $(this).fadeTo(1500, 1); 
     event.stopPropagation(); 
    } 
}, { 
    offset: function() { 
     return $.waypoints('viewportHeight'); 
    } 
}); 

我已經嘗試設置淡入淡出之間的延遲，但無濟於事：

$(this).fadeTo(1500, 1).delay(1000); 

你可以看到在行動的插件，它目前是如何工作的，在這裏：http://targettedmedia.co.uk/targetedmedia/

預先感謝您抽出時間！

Answer 1

如何像這樣

function _fadeout(elm){ 
    elm.fadeOut('slow', function(){ 
     _fadeout(elm.next()); 
    }) 
} 

_fadeout($('.hblock').not("#welcome, #block2").first()); 

Answer 2

如果你想連續動畫一組對象的所以不是$(this).fadeTo(1500, 1);

試試這個：

$('.hblock').each(function(i) { 
    $(this).delay((i++) * 1500).fadeTo(1500, 1); 
}) 

可以與第一次實驗1500，如果你希望他們在前一個結束之前開始。下面是一個例子（朝向底部）：

http://demosthenes.info/blog/630/Fade-In-Elements-Sequentially-With-JQuery-amp-CSS3