JQuery没有加载wordpress 4

时间:2015-07-09 12:59:13

标签: jquery wordpress

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有什么建议吗?

1 个答案:

答案 0 :(得分:-1)

如果有人遇到类似的问题,我发现了问题所在。

我通过删除wp_enqueue_script函数的版本和页脚参数来实现它:

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

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

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