php - Javascript 文件未在 Wordpress 中加载

Question

我正在尝试为我的 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');

预先感谢您的帮助。

Answer 1

你有一行拼写错误。而不是:

add_action('wp_enqueue_script', 'Gc_Js_Ins');

应该有:

add_action('wp_enqueue_scripts', 'Gc_Js_Ins');

此外，你必须使用相同的钩子(Hook)来入队 js 和样式，所以在最后一行而不是:

add_action('wp_enqueue_style','Gc_Css_Ins');

应该和上面类似:

add_action('wp_enqueue_scripts', 'Gc_Css_Ins');