Javascript 部分jquery代码在wordpress中不起作用

Javascript 部分jquery代码在wordpress中不起作用,javascript,jquery,html,wordpress,Javascript,Jquery,Html,Wordpress,我开发了一个jquery代码,当我向下滚动时,它应该让菜单隐藏一点,当我开始向上滚动时,它就会重新出现 我在我的静态html网站上可以完美地使用它,但我一把它迁移到wordpress,它就停止了工作。我所有其他的js代码都工作得很好。。以下是代码的一部分: $(document).ready(function(){ $(window).scroll(function () { var prevScroll; var hidden = false; var currentScroll =

我开发了一个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;
    }
  }
});
});
$(文档).ready(函数(){
$(窗口)。滚动(函数(){
var-prevScroll;
var隐藏=假;
var currentScroll=$(this.scrollTop();
如果($(“正文”).scrollTop()>492){
如果(前滚动){
console.log(currentScroll+“”+prevScroll);
console.log(隐藏);
如果(currentScrollprevScroll&&!隐藏){
console.log(隐藏);
log(“隐藏”);
$(“#标题包装”).animate({marginTop:'-60px'},200);
$(“#菜单”)。淡出(“快速”);
隐藏=真实;
}
}否则,如果(!隐藏){
console.log(“第一次”);
$(“#标题包装”).animate({marginTop:'-60px'},200);
$(“#菜单”)。淡出(“快速”);
隐藏=真实;
}
prevScroll=currentScroll;
}
否则{
如果(隐藏){
console.log('show');
$(“#标题包装”).animate({marginTop:'0px'},200);
$(“菜单”).fadeIn(“快速”);
隐藏=错误;
}
}
});
});
我的代码有什么问题?我把它放在script.js页面中的所有js代码旁边

谢谢


编辑:我忘了说菜单是隐藏的,这很好,但它不会在我向上滚动时重新出现。因此,代码的一部分是有效的,另一部分是无效的

jQuery和Wordpress之间可能会发生冲突,因为他们都在使用
$
符号,请尝试使用
jQuery
而不是
$
或将jQuery代码包装在内:

jQuery(document).ready(function($){
    $(window).scroll(function () {
        // Your code here
    });
});

我做到了,问题是我在声明
var
var隐藏=假在函数开始后
$(窗口)。滚动(函数(){
,之前没有。无论如何谢谢你的帮助。

你能提供这个页面链接吗?它的哪个部分不工作有几个if条件?@Dheeraj我在本地工作,所以这是不可能的,抱歉!但是它应该给出与此页面相同的结果:@Jai,不工作的部分是:
if(currentScroll
和` else{if(hidden){console.log('show');$(“#header wrap”).animate({marginTop:'0px'},200)$(“#menu”).fadeIn(“fast”);hidden=false;}}`我试过了,但没用,:/EDIT:我忘了说菜单正在隐藏,这很好,但在我向上滚动时它不会重新出现。因此,部分代码正在工作,另一部分则不工作!