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');

此外，您必须使用相同的钩子将js和样式排入队列，因此在最后一行而不是：

add_action('wp_enqueue_style','Gc_Css_Ins');

应该像上面一样：

add_action('wp_enqueue_scripts', 'Gc_Css_Ins');

Javascript文件未在Wordpress中加载

1 个答案: