在航点之后触发jQuery

Question

我希望在触发 wayoints后淡入容器。 我试图延迟fadeIn，但似乎最后始终触发了航点。

因此，在2000毫秒之后，容器不会在容器中消失，而是在淡入后立即隐藏并立即隐藏。如果我注释掉了用于隐藏容器的路点线，一切正常。

我希望我以下降的方式描述问题。非常感谢！

以下是代码：

$('#skrollr > div').waypoint(function(direction) {
    $('.content-boxes').fadeOut(500);
}, {
    offset: $.waypoints('viewportHeight') / 3
});

$('.special-link').click(function (event) {
    $('.team .content-boxes').delay(5000).fadeIn(500);
});

并且特殊链接看起来像这样：

<a href="#team" class="special-link">Link</a>

无论我如何编辑“特殊链接”，它总是在之后消失:(

Answer 1

var waypoint_click = false;
$('.special-link').click(function(event) {
    if (waypoint_click) {
        clearTimeout(waypoint_click);
    }
    waypoint_click = setTimeout(function() {
        $('.team .content-boxes').delay(100).fadeIn(500);
    }, 3000);
});

现在正在使用计时器：）