Javascript无法正确启动

问题描述:

我一直在努力的一个WordPress站点似乎对其某些脚本的启动有些不可思议。我目前最关心的是下拉式标题。由于我只是在尝试,显然是没有风格的,但是,如果你看,它不应该下降,直到页面上一定的长度,并且在页面加载时,它显示自己直到用户交互为止。有谁知道这可能会发生什么?任何帮助将非常感激。Javascript无法正确启动

该网站链接它nextworld.kbddev.com

这里是我的条码:

<script> 
$(function() { 
    $(window).scroll(function(){ 
     if($(window).scrollTop() > 542){ 
      $("#follownav").slideDown("fast"); 
      $('#follownav').removeClass('hide').addClass('show'); 

     } 
    }); 
    $(window).scroll(function(){ 
     if($(window).scrollTop() < 542){ 
      $("#follownav").slideUp("fast"); 
     } 
    }); 
}); 
</script> 
+1

滚动事件时将触发滚动,一次又一次,当页面滚动使你的函数火,每当scrollTop的高于或低于这个数字,滑动并且改变类别发生数千次。您应该以某种方式限制它,通过检查它是否可见或知道您已经滑动的其他方式,以避免它一遍又一遍地触发该功能。 – adeneo 2013-02-17 02:02:35

的问题是,它的不检查在页面加载。

一个简单的解决方法是:

$(function(){ 
    $(window).scroll(); 
}); 
+0

不正确...在代码运行之前存在窗口。您可以将事件绑定到'document.ready'之外的'window'或'document'中。 – charlietfl 2013-02-17 02:05:56

+0

是的,但是JQuery加载了吗? – MrJD 2013-02-17 02:07:45

+1

任何时候使用'$'jQuery都必须在它之前加载。您的代码将失败,如果它不是 – charlietfl 2013-02-17 02:11:06