Javascript 小部件表单的wp_排队_脚本

我正在创建一个小部件，我需要在管理面板（和定制器）中将小部件表单的脚本排队。我试过很多方法：

function cf_enqueue_admin_script() {
    wp_enqueue_script('admin_custom_script', get_template_directory_uri() . '/js/admin.js', array('jquery', 'wp-color-picker'), false, true);
}
add_action('admin_enqueue_scripts', 'cfstcyr_admin_custom_script');

及

及

及

它可以工作，但是当我保存而不刷新页面时，或者当我在自定义程序中时，它就不工作了。 我也试过：

class cfstcyr_plugin extends WP_Widget {
    public function form() {
        ...
        <script type="text/javascript">
            ...
        </script>
    }    
}

---

多谢各位

您正在尝试导入自定义脚本吗？颜色选择器和媒体上传器css和js文件是在WordPress中预构建的，您不需要添加它们。是的，我想添加我自己的脚本。

class cfstcyr_plugin extends WP_Widget {
    public function __construct() {
        ...
        add_action('admin_print_scripts-widgets.php', array(&$this, 'load_scripts'));
    }
    function load_scripts() {
        wp_enqueue_script('admin_custom_script', get_template_directory_uri() . '/js/admin.js', array('jquery', 'wp-color-picker'), false, true);
    }
}

class cfstcyr_plugin extends WP_Widget {
    public function form() {
        ...
        wp_enqueue_script('admin_custom_script', get_template_directory_uri() . '/js/admin.js', array('jquery', 'wp-color-picker'), false, true);
    }    
}

class cfstcyr_plugin extends WP_Widget {
    public function form() {
        ...
        <script type="text/javascript">
            ...
        </script>
    }    
}

class cfstcyr_plugin extends WP_Widget {
    public function form() {
       // Option form for widget
       <p>Click here!</p>
    }
}

(function ($) {
    $(document).ready(function () {
        $('.p').click(function() {
            alert('Hello World!');
        });
    });
}(jQuery));