Javascript 到达航路点之前触发jQuery航路点事件？

我似乎在正确执行航路点事件时遇到问题。它在我到达航路点之前执行。奇怪的是；我设置了一个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

在您的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});       
});