Jquery wordpress小部件插件颜色选择器无法正常工作

需要将颜色选择器添加到小部件插件

wp_enqueue_style( 'wp-color-picker' );        
    wp_enqueue_script( 'wp-color-picker' ); 
    wp_enqueue_script( 'wp-color-picker-script-handle', plugins_url('js/wp-color-picker-script.js', __FILE__ ), array( 'wp-color-picker' ), false, true );

在wp-color-picker-script.js文件中

jQuery(document).ready(function($) {
  $(".color-picker").wpColorPicker();   
});

如果我写了上面的代码，在点击保存按钮后，颜色选择器消失，只显示一个文本框

如果我写：

jQuery(document).ready(function($) {
  $(".color-picker").wpColorPicker();  
  $(document).ajaxSuccess(function(e, xhr, settings) {
    $(".color-picker").wpColorPicker();
  });
});

它复制了颜色选择器

如果我删除第一个$（“.color picker”）.wpcorpicker（）；单击“保存”按钮时，将显示颜色选择器

---

添加颜色选择器的正确方法是什么。

只需像这样编辑代码就可以了

jQuery(document).ready(function(){
                jQuery('#widgets-right .color-picker, .inactive-sidebar .color-picker').wpColorPicker();
            });
            jQuery(document).ajaxComplete(function() {
                jQuery('#widgets-right .color-picker, .inactive-sidebar .color-picker').wpColorPicker();
            });  

---

对我来说很好。