我试图在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文件。我使用控制台中的调试器检查源代码,但它尚未显示。