javascript - 在 Wordpress 小部件管理面板中加载自定义 JavaScript 文件

Question

我正在编写一个包含小部件的新 Wordpress 插件。小部件配置选项需要 jQuery 代码通过 JSONP 从第 3 方服务器获取它们，并附加事件，以便如果一个下拉列表发生变化，例如类别，它会动态更改另一个下拉列表的内容，例如子类别。

为实现此效果，我需要在小部件管理面板中加载一些自定义 JavaScript 文件(用户将小部件拖放到管理面板中的相关侧边栏后显示的选项)。

这样做的正确方法是什么？我在我的插件类中尝试了以下代码，但它似乎没有加载文件:

class MyPlugin {

    function __construct() {
        add_action('admin_init', array(&$this, 'admin_init'));
        add_action('admin_head', array(&$this, 'admin_load_scripts'));
    }

    function admin_init() {
        wp_register_script('jsonp', 'js/jquery.jsonp-2.1.2.min.js', array('jquery'));
        wp_register_script('my_utils', 'js/my-utils.js', array('jquery', 'jsonp'));
    }

    function admin_load_scripts() {
        wp_enqueue_script('jsonp');
        wp_enqueue_script('my_utils');  
    }

}

提前致谢!

Answer 1

这可能是因为 Hook admin_head 来不及排队 - 尝试使用 load-widgets.php 代替(这也意味着您的脚本不会出现在 < em>每个管理页面!)。

附带说明一下，您不需要先注册，然后再排队 - 您可以在一次调用中完成这两项操作；

wp_enqueue_script('jsonp', 'js/jquery.jsonp-2.1.2.min.js', array('jquery'));
wp_enqueue_script('my_utils', 'js/my-utils.js', array('jquery', 'jsonp'));