Javascript jQuery Waypoints插件逐个淡入元素

我使用的是waypoints 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);

您可以在此处查看插件的运行情况及其当前的工作方式：

---

提前感谢您抽出时间

像这样的怎么样

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

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

---

如果要连续设置一组对象的动画，则不要使用

$（this）.fadeTo（1500，1）

试试这个：

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

如果希望在前一个完成之前开始，您可以尝试使用前1500个。下面是一个示例（底部）：

这完全隐藏了它。另外，请注意，我试图实现简洁的淡入效果，而不是viceversa（淡出）。