jQuery没有加载wordpress 4答案

【问题标题】：JQuery not loading wordpress 4jQuery没有加载wordpress 4
【发布时间】：2015-09-27 20:57:53
【问题描述】：

Jquery 不适用于 WordPress 的本地安装。我已经在functions.php中加载了必要的文件，如下所示：

   <?php 

     function abdi_theme_styles(){

      wp_enqueue_style( 'normalize_css', get_template_directory_uri () .   '/css/normalize.css');
      wp_enqueue_style( 'Google-font', 'http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800');
      wp_enqueue_style( 'main_css', get_template_directory_uri () . '/style.css');
      wp_enqueue_style( 'responsive.css', get_template_directory_uri () . '/css/responsive.css');
}

     add_action( 'wp_enqueue_scripts', 'abdi_theme_styles' ); 

    function abdi_theme_js(){
      wp_enqueue_script( 'main_js', get_template_directory_uri() . '/js/main.js', array('jquery'), '', true );
}

    add_action( 'wp_enqueue_scripts', 'abdi_theme_js' ); 


    ?>

我检查了加载到浏览器中的资源，但我的 app.js 文件返回 404。该文件确实退出并且实际上位于 js 文件夹中。我还使用无冲突包装器包装了我的 jquery 代码 - 这是我的 main.js 文件：

jQuery(document).ready(function($) {

        $(document).ready(function(){
          alert('Ready!');
          var lastScrollTop = 0;
          $(window).scroll(function(event){
           var st = $(this).scrollTop();
            if (st > lastScrollTop){
            $('header').slideUp(500); 
             } else {
              $('header').slideDown(500);  
       }
      lastScrollTop = st;
    });

     });//end read function 
    });//end noConflict wrapper

我在 Linux Ubuntu 平台上使用 XAMPP，并且我使用 Wordpress 版本 4.2.2 有什么建议吗？

【问题讨论】：

可能在冲突模式下运行

标签： jquery wordpress

【解决方案1】：

如果有人遇到类似问题，我已经找到了问题所在。

我通过删除 wp_enqueue_script 函数的版本和页脚参数使其工作：

wp_enqueue_script( 'main_js', get_template_directory_uri() . '/js/main.js', array('jquery'));

这些参数应该指定您要使用的依赖文件的哪个版本以及是否要将其加载到头部或页脚附近，但这就是导致 jquery 对我不起作用的原因。

有兴趣看看是否有其他人遇到同样的问题。

【讨论】：