JS file not loading

时间:2016-04-14 作者:dmcrider

我试图在WordPress中链接到我的javascript文件,以操纵导航栏。这是调用函数。php:

add_action( \'wp_enqueue_scripts\', \'scrolling_navbar_enqueue_js\' );
/**
* Load custom JS script for scrolling navbar
* @return void
*/
function scrolling_navbar_enqueue_js(){
    wp_register_script( \'navbar-scroll\', \'http://www.classyclutter.net/wp-content/themes/foodiepro/assets/js/scrolling-navbar.js\', array(\'jquery\'), \'1.1.0\', true);
    wp_enqueue_script( \'navbar-scroll\' );
}
这是我的滚动导航栏。js文件:

jQuery(document).ready(function(){
    jQuery(window).scroll(function(){
     console.log(jQuery(window).scrollTop())
    if(jQuery(window).scrollTop() > 220){
                    //This alert shows up in the console log
                    //but is not longer actually in the file on the server
                    alert("Working now");
        jQuery(\'#menu-menu-bar-under-header\').addClass(\'sticky-nav-menu\');
        if(is_user_logged_in()){
            jQuery(\'#menu-menu-bar-under-header\').addClass(\'user-logged-in-nav-menu\');
        }else{
            jQuery(\'#menu-menu-bar-under-header\').addClass(\'no-user-nav-menu\');
        }
    }
    if(jQuery(window).scrollTop() < 221){
        jQuery(\'#menu-menu-bar-under-header\').removeClass(\'sticky-nav-menu\');
        if(is_user_logged_in()){
            jQuery(\'#menu-menu-bar-under-header\').removeClass(\'user-logged-in-nav-menu\');
        }else{
            jQuery(\'#menu-menu-bar-under-header\').removeClass(\'no-user-nav-menu\');
        }
    }
});
});
作为参考,这是当前的网站,但它应该是这样工作的(导航栏应该随页面滚动)。

我只是不明白为什么WordPress没有加载我的javascript文件。我使用控制台中的调试器检查源代码,但它尚未显示。

1 个回复
SO网友:Mostafa Maklad

您忘记了在第三个参数处设置依赖项,如果您想依赖jquery,请将其与array()或array(\'jquery\')放在一起

wp_register_script( \'navbar-scroll\', \'http://www.classyclutter.net/wp-content/themes/foodiepro/assets/js/scrolling-navbar.js\', array(), \'1.0.0\', true);

相关推荐

如何使用两个不同文件向jQuery AJAX调用发送php变量

我需要从一个php文件(page.php)向另一个jquery文件(sender.js)中的Ajax调用发送一个私人电子邮件地址。此电子邮件地址必须对用户/或网站不可见,直到用户从wp\\U mail获得自动响应,它必须允许用户答复组织。此电子邮件地址因客户想要联系的组织而异(数百个)。我必须在表单之前从组织获取电子邮件地址,因为它是由javascript生成的。(generated\\u mail.js)发件人。js在页面的标题中被很好地调用。php我在(page.php)中尝试了这段代码——一个组织在