我的一些javascript代码不能在wordpress中工作，但完全在静态html上

Question

我的javascript代码在我的静态html网站上完美运行，但是一旦我把它放在wordpress上，它就停止了工作。我在互联网上查找解决方案，但没有人给我答案。我能做些什么才能让它发挥作用？

这是我的js无效:(我在script.js文件中有它）

jQuery(document).ready(function(){
  jQuery('#menu li a').on('click', function(e){
    e.preventDefault();
    var scrolldiv = jQuery(this).attr('href');
    jQuery(scrolldiv).animatescroll({padding:50});
  });
});



/*
=======================js du scroll du menu=====================================
*/


jQuery(document).ready(function(){

jQuery(window).scroll(function () {
var prevScroll;
var hidden = false;
    var currentScroll = jQuery(this).scrollTop();
    if(jQuery("body").scrollTop() > 492){
    if (prevScroll) {
        console.log(currentScroll + "  " + prevScroll);
        console.log(hidden);
        if (currentScroll < prevScroll && hidden) {
            console.log('show');
            jQuery("#header-wrap").animate({marginTop: '0px'}, 200);
            jQuery("#menu").fadeIn("fast");
            hidden=false;

        } else if (currentScroll > prevScroll && !hidden) {
            console.log(hidden);
            console.log('hiding');
            jQuery("#header-wrap").animate({marginTop: '-60px'}, 200);
             jQuery("#menu").fadeOut("fast");
            hidden=true;
        }

    } else if(!hidden){
        console.log('first time');
        jQuery("#header-wrap").animate({marginTop: '-60px'}, 200);
         jQuery("#menu").fadeOut("fast");
        hidden= true;
    }
    prevScroll = currentScroll;
  }
  else{
    if(hidden){
      console.log('show');
      jQuery("#header-wrap").animate({marginTop: '0px'}, 200);
      jQuery("#menu").fadeIn("fast");
      hidden=false;
    }
  }
});
});

/*
============================================================
*/



/*
===============================js pour allumer les selected levels====
*/
jQuery(document).ready(function() {
    jQuery('#lev1 a').bind('click',function(event){
      var $anchor = jQuery(this);
      //jQuery('html, body').stop().animate({
      //  scrollTop: jQuery($anchor.attr('href')).offset().top
      //}, 1500,'easeInOutExpo');
      event.preventDefault();
      jQuery('#lev1 a').removeClass('active');
      jQuery('#lev2 a').removeClass('active');
      jQuery('#lev3 a').removeClass('active');
      jQuery(this).addClass('active');
    });

    jQuery('#lev2 a').bind('click',function(event){
      var $anchor = jQuery(this);
      //jQuery('html, body').stop().animate({
      //  scrollTop: jQuery($anchor.attr('href')).offset().top
      //}, 1500,'easeInOutExpo');
      event.preventDefault();
      jQuery('#lev1 a').removeClass('active');
      jQuery('#lev2 a').removeClass('active');
      jQuery('#lev3 a').removeClass('active');
      jQuery(this).addClass('active');
    });

    jQuery('#lev3 a').bind('click',function(event){
      var $anchor = jQuery(this);
      //jQuery('html, body').stop().animate({
      //  scrollTop: jQuery($anchor.attr('href')).offset().top
      //}, 1500,'easeInOutExpo');
      event.preventDefault();
      jQuery('#lev1 a').removeClass('active');
      jQuery('#lev2 a').removeClass('active');
      jQuery('#lev3 a').removeClass('active');
      jQuery(this).addClass('active');
    });

    jQuery("#close").click(function () {
      jQuery('#lev1 a').removeClass('active');
      jQuery('#lev2 a').removeClass('active');
      jQuery('#lev3 a').removeClass('active');
    });
  });


/*
===============================================================
*/



/*
======js pour prioritise the level according to choice(more details)====
*/


jQuery(document).ready(function(){
    jQuery("#more1").click(function () {
      jQuery("#niv2").hide();
      jQuery("#niv3").hide();
      jQuery("#niv1").show();

      jQuery("#logo2").hide();
      jQuery("#logo3").hide();
      jQuery("#logo1").show(); 

      jQuery("#lev1 a").addClass('active');
    });

    jQuery("#more2").click(function () {
      jQuery("#niv2").show();
      jQuery("#niv3").hide();
      jQuery("#niv1").hide();

      jQuery("#logo2").show();
      jQuery("#logo3").hide();
      jQuery("#logo1").hide();

      jQuery("#lev2 a").addClass('active');
    });

    jQuery("#more3").click(function () {
      jQuery("#niv2").hide();
      jQuery("#niv3").show();
      jQuery("#niv1").hide();

      jQuery("#logo2").hide();
      jQuery("#logo3").show();
      jQuery("#logo1").hide();

      jQuery("#lev3 a").addClass('active');
    });
  });

/*
=============================================================
*/

我删除了所有正在运行的函数，并将那些正在处理静态html的函数留下，但不在wordpress上。

要包含我的script.js文件，我在header.php中执行了它：

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/script.js"></script>

所以任何想法？感谢。