如何将自定义JavaScript添加到WordPress管理员？

Question

我想在Edit Post页面添加一些自定义jquery代码,非常简单,比如当有人按下Publish时显示div.

唯一的限制是我想通过使用插件实现这一点,而不是破解管理模板文件.

我尝试使用某些动作回显一些脚本标签,但似乎不是这样.

Answer 1

使用admin_enqueue_scripts操作和wp_enqueue_script方法将自定义脚本添加到管理界面.

这假设您有myscript.js插件文件夹.相应地改变.该my_custom_script手柄应该是你的模块和脚本是唯一的.

function my_enqueue($hook) {
    // Only add to the edit.php admin page.
    // See WP docs.
    if ('edit.php' !== $hook) {
        return;
    }
    wp_enqueue_script('my_custom_script', plugin_dir_url(__FILE__) . '/myscript.js');
}

add_action('admin_enqueue_scripts', 'my_enqueue');

Answer 2

您的functions.php文件有一个片段:

function custom_admin_js() {
    $url = get_bloginfo('template_directory') . '/js/wp-admin.js';
    echo '"<script type="text/javascript" src="'. $url . '"></script>"';
}
add_action('admin_footer', 'custom_admin_js');

在Wordpress 3.2.1上正常工作.

Answer 3

<?php
function add_jquery_data() {
    global $parent_file;

    if ( isset( $_GET['action'] ) && $_GET['action'] == 'edit' && isset( $_GET['post'] ) && $parent_file == 'edit.php') {
    // Do some stuff.
    }
}

add_filter('admin_head', 'add_jquery_data');

?>

Answer 4

admin_enqueue_scripts并且wp_enqueue_script是将 javascript 文件添加到仪表板的首选方式。

// I'm using an anonymous function for brevity.
add_action( 'admin_enqueue_scripts', function() {
    wp_enqueue_script( 'handle', plugin_dir_url( __FILE__ ) . '/script.js' );
} );

但是，如果您想使用 PHP 函数输出 javascript，wp_add_inline_script则似乎不起作用。相反，您可以使用admin_print_scripts直接回显脚本，包括脚本标签本身。只需确保将优先级设置为高，以便在任何必需的库之后加载，例如jQuery.

add_action( 'admin_print_scripts', function() {
    // I'm using NOWDOC notation to allow line breaks and unescaped quotation marks.
    echo <<<'EOT'
<script type="text/javascript">
jQuery(function($){
    // Do stuff here.
});
</script>
EOT;
}, PHP_INT_MAX );