在到达航点之前触发了jQuery waypoint事件?

时间:2014-06-02 15:09:03

标签: javascript jquery dom onload

我似乎遇到了正确执行航点事件的问题。它在我到达航点之前执行。奇怪的是;我设置了一个console.log来查看它是否等待了航点并且运行正常。因此函数确实在适当的时刻执行,但fadeIn在文档准备好后立即执行。 Javascript和jQuery:

$(document).ready(function(){
$("#trigger").waypoint(function(down){
    $("p#ptje").fadeIn(4000).removeClass("hidden");

    triggerOnce:true;
    offset:'50%';

});

});

任何人都可以帮我确定为什么它会在加载时立即执行一个部件而另一部分在航点上正确执行? 该网站已经上线:athena.fhict.nl/users/i303973/PASS

1 个答案:

答案 0 :(得分:0)

在index.js中,您要从所有p.hidden中删除隐藏的类。移除时应该允许在激活航路点时显示。

$(document).ready(function(){
    $("div.hidden").fadeIn(1500).removeClass("hidden");
    $("h1.hidden").fadeIn(1500,function(){
        //the line below is what is causing the paragraph to be shown before 
        //you scroll down to the waypoint 
        $("p.hidden").fadeIn(1500).removeClass("hidden");
        $("img#arrowdown").fadeIn(1500).removeClass("hidden")
    }).removeClass("hidden");
    $("#cssmenu").sticky({topSpacing:0});       
});