Wordpress中未加载Javascript文件


Javascript files not loading in Wordpress

我正在尝试为我的WP插件加载Javascript和css文件。我已经将此代码添加到functions.php文件中,但页面上没有加载脚本。

我正在自学PHP,所以我确信我可能会错过一些基本的东西。

function Gc_Js_Ins() {
    if (!is_admin()) {
    $Gc_Js_Ins_url2 = plugins_url('js/jquery_ujs.js', __FILE__);
    $Gc_Js_Ins_url3 = plugins_url('js/js_ws.js', __FILE__);
    $Gc_Js_Ins_url4 = plugins_url('js/bootstrap.min.js', __FILE__);
    $Gc_Js_Ins_url5 = plugins_url('js/event_list.js', __FILE__);
    wp_register_script('gc_jquery_ujs', $Gc_Js_Ins_url2);
    wp_enqueue_script('gc_jquery_ujs');
    wp_register_script('gc_js_ws', $Gc_Js_Ins_url3);
    wp_enqueue_script('gc_js_ws');
    wp_register_script('gc_bootstrap_min', $Gc_Js_Ins_url4);
    wp_enqueue_script('gc_bootstrap_min');
    wp_register_script('gc_event_list', $Gc_Js_Ins_url5);    
    wp_enqueue_script('gc_event_list');
    }
}
add_action('wp_enqueue_script', 'Gc_Js_Ins');
function Gc_Css_Ins(){
if (!is_admin()){
wp_register_style('Gc_js_ws','//www.gc.com/assets/js_ws.css');
wp_register_style('Gc_bootstrap','//www.gc.com/assets/bootstrap.min.css');
wp_enqueue_style('Gc_js_ws');
wp_enqueue_style('Gc_bootstrap');
    }
}
add_action('wp_enqueue_style','Gc_Css_Ins');

提前感谢您的帮助。

您有一行拼写错误。代替:

add_action('wp_enqueue_script', 'Gc_Js_Ins');

应该有:

add_action('wp_enqueue_scripts', 'Gc_Js_Ins');

此外,您必须使用相同的钩子将js和样式都放入队列,因此在最后一行中,而不是:

add_action('wp_enqueue_style','Gc_Css_Ins');

应该有类似的上面:

add_action('wp_enqueue_scripts', 'Gc_Css_Ins');