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>
的问题是,它的不检查在页面加载。
一个简单的解决方法是:
$(function(){
$(window).scroll();
});
不正确...在代码运行之前存在窗口。您可以将事件绑定到'document.ready'之外的'window'或'document'中。 – charlietfl 2013-02-17 02:05:56
是的,但是JQuery加载了吗? – MrJD 2013-02-17 02:07:45
任何时候使用'$'jQuery都必须在它之前加载。您的代码将失败,如果它不是 – charlietfl 2013-02-17 02:11:06
滚动事件时将触发滚动,一次又一次,当页面滚动使你的函数火,每当scrollTop的高于或低于这个数字,滑动并且改变类别发生数千次。您应该以某种方式限制它,通过检查它是否可见或知道您已经滑动的其他方式,以避免它一遍又一遍地触发该功能。 – adeneo 2013-02-17 02:02:35