在WordPress中不起作用的jQuery代码的一部分
part of jquery code that is not working in wordpress
我开发了一个jquery代码,当我向下滚动时,它应该让菜单隐藏一点,并在我开始向上滚动时立即重新出现。
我在我的静态html网站上完美地工作,但是当我将其迁移到wordpress时,它就停止了工作。我所有其他的js代码都可以完美运行。这是代码的一部分:
$(document).ready(function(){
$(window).scroll(function () {
var prevScroll;
var hidden = false;
var currentScroll = $(this).scrollTop();
if($("body").scrollTop() > 492){
if (prevScroll) {
console.log(currentScroll + " " + prevScroll);
console.log(hidden);
if (currentScroll < prevScroll && hidden) {
console.log('show');
$("#header-wrap").animate({marginTop: '0px'}, 200);
$("#menu").fadeIn("fast");
hidden=false;
} else if (currentScroll > prevScroll && !hidden) {
console.log(hidden);
console.log('hiding');
$("#header-wrap").animate({marginTop: '-60px'}, 200);
$("#menu").fadeOut("fast");
hidden=true;
}
} else if(!hidden){
console.log('first time');
$("#header-wrap").animate({marginTop: '-60px'}, 200);
$("#menu").fadeOut("fast");
hidden= true;
}
prevScroll = currentScroll;
}
else{
if(hidden){
console.log('show');
$("#header-wrap").animate({marginTop: '0px'}, 200);
$("#menu").fadeIn("fast");
hidden=false;
}
}
});
});
我的代码有什么问题?我将它与脚本.js页面中的所有js代码一起放在一起。
谢谢
编辑:我忘了说菜单是隐藏的,这很好,但是一旦我向上滚动,它就不会重新出现。所以一部分代码有效,另一部分无效!
jQuery和Wordpress之间可能会发生冲突,因为它们都使用符号$
请尝试使用jQuery
而不是$
或将jQuery代码包装在里面:
jQuery(document).ready(function($){
$(window).scroll(function () {
// Your code here
});
});
我做到了,问题是我在函数$(window).scroll(function () {
开始之后声明var prevScroll;
和var hidden = false;
,而不是在它之前。无论如何,感谢您的帮助..
相关文章:
- PHP/Ajax/jquery/JON-在Ajax Post之后将echo文本中的一部分作为变量返回
- JQuery/JavaScript - 突出显示输入或文本区域中的一部分文本
- 如何用jQuery替换HTML标签的一部分
- 尝试在 jquery ajax 帖子中将变量设置为URL 的一部分
- 只是 JQuery 可执行文件的一部分.当直接粘贴到HTML中时,一切正常(window.location)
- 如何使用 jquery 刷新页面的一部分
- 使用 jquery 替换 href 的一部分
- JQuery获取字符串的一部分
- jQuery的一部分未执行
- 如何使用jQuery动态替换类的一部分
- 如何在数组jQuery中查找字符串的一部分
- 如何使用 JQuery 使表行的一部分可单击
- 在jQuery中,只从句子中获取单词或数字的一部分
- jQuery - 获取字符串的一部分
- jQuery,从变量调用数组对象的一部分
- Jquery 加载外部 HTML 的一部分
- 如何使用 jQuery 从 URL 中删除 URL 的一部分
- 使用Ajax更新页面的一部分,而不使用jQuery
- 如何使用正则表达式或 jQuery 检索 URL 的最后一部分
- 使用 jQuery $.post() 方法获取另一个网页的一部分