javascript - 如何在 WordPress 管理控制面板中运行 Javascript？

Question

我正在创建一个 WordPress 插件，当管理员从管理面板中的选择框中选择一个值时，该插件会返回选择框的值，但是，它似乎不起作用。警报窗口不会弹出。这是我的 HTML 代码。

<select id="sweets">
  <option>Chocolate</option>
  <option>Candy</option>
  <option>Taffy</option>
</select>
<div id="choice"></div>

这是我的插件代码。

<?php
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
function theme_name_scripts(){
    wp_register_script('selection', get_stylesheet_directory_uri() . '/js/selections.js', array('jquery') );
    wp_enqueue_script('selection');
}
?>

最后，这是我的 Javascript 代码。

jQuery(document).ready(function() {
    jQuery("#sweets").change(function() {
        var str = "";
        jQuery("select option:selected").each(function() {
            str += $(this).text() + " ";
        });
        jQuery( "#choice" ).text( str );
    }).change();
});

感谢您的帮助。

Answer 1

admin_enqueue_scripts Hook 是 Hook 到 wp 管理脚本操作的第一个操作。

所以你应该使用这个

<?php add_action( 'admin_enqueue_scripts', 'theme_name_scripts' ); ?>

而不是

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );