Question

我正在尝试使用js脚本的钩子。脚本页面未加载。 但是当我登录wp-admin

时会加载主题functions.php

中的

add_action('init', 'test_ajax_load_scripts');

function test_ajax_load_scripts() { 


    // load our jquery file that sends the $.post request
    wp_register_script( "ajax-test", get_template_directory_uri().'/ajax-test.js', array( 'jquery' ) );

    // make the ajaxurl var available to the above script
    wp_localize_script( 'ajax-test', 'the_ajax_script', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) );  

    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'ajax-test', get_template_directory_uri() .'/ajax-test.js', array( 'jquery' ));

}

Ajax的test.js

jQuery(document).ready( function($) { alert("in ajax-testjs"); });

Answer 1

Wordpress对仪表板和前端使用不同的挂钩。

1.如果您想在前端使用脚本或样式，请参阅以下示例 -

function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

2.如果您想在管理员端使用脚本或样式，则需要查看以下示例

function load_custom_wp_admin_style() {
        wp_register_style( 'custom_wp_admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );
        wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );

注意 - 您应该为样式名称或脚本名称使用唯一名称。

要了解更多使用以下链接 - https://codex.wordpress.org/Plugin_API/Action_Reference/admin_enqueue_scripts

https://codex.wordpress.org/Function_Reference/wp_enqueue_script

JS Script不会通过Hooks加载到wordpress中

1 个答案: