如何在 Wordpress 管理小部件中包含 javascript 文件


How do I include a javascript file in Wordpress admin Widgets

我为wordpress创建了一个小部件。小部件的形式有一些输入框。现在,我想添加一个自定义输入框,它使用我从 http://jscolor.com/下载的javascript文件

现在,问题是,它不起作用。我已经在 WP_Widget 类的表单函数中注册了这样的 javascript 文件。

require_once('index.php');
add_action('admin_enqueue_scripts', 'pw_load_scripts');

pw_load_scripts函数位于索引中.php

function pw_load_scripts() {
    wp_register_script('custom-js', plugin_dir_url(__FILE__).'scripts/jscolor.js');
    wp_enqueue_script('custom-js');
}

毕竟,它不起作用。完成此任务的正确方法是什么?

我的错误.log有这个错误

[Mon Oct 07 21:37:30.591896 2013] [:error] [pid 14853] [client 127.0.0.1:42453] PHP Fatal error:  Cannot redeclare _wp_menu_output() (previously declared in /var/www/wordpress/wp-admin/menu-header.php:36) in /var/www/wordpress/wp-admin/menu-header.php on line 36

谢谢

正确的钩子是 admin_print_scripts 1 来排队样式脚本。

请注意,admin_footeradmin_head 也接受相同的屏幕定位'actionname-$hook'

add_action( 'admin_print_scripts-widgets.php', 'admin_enqueue_so_19228543' );
function admin_enqueue_so_19228543()
{
    wp_enqueue_script( 
            'my-script', 
            plugins_url( '/my-script.js', __FILE__ ), 
            array(), // dependencies
            false, // version
            true // on footer
    );
    wp_enqueue_style( 
        'my-style', plugins_url( '/my-style.css', __FILE__ ) 
    );
}

1 法典另有说法,但我很确定这是官方的立场。我正在研究并会报告。


更新

我找不到任何关于admin_print_scripts是正确的钩子的参考,尽管它有效并且我已经多次看到这种方式使用。为了完整起见,admin_enqueue_scripts的工作原理如下:

add_action( 'admin_enqueue_scripts', 'admin_enqueue_so_19228543' );
function admin_enqueue_so_19228543( $hook )
{
    if( 'widgets.php' != $hook )
        return;
    wp_enqueue_script( 
            'my-script', 
            plugins_url( '/my-script.js', __FILE__ ), 
            array(), // dependencies
            false, // version
            true // on footer
    );
    wp_enqueue_style( 
        'my-style', plugins_url( '/my-style.css', __FILE__ ) 
    );
}

相关:do_action('admin_enqueue_scripts', $hook_suffix) 和 do_action("admin_print_styles-$hook_suffix") 语法之间的差异

尝试删除:

require_once('index.php');

我不确定你从哪里得到这个。 它似乎正在尝试重新加载wordpress的索引.php文件。