wordpress部件插件颜色选择器不能正常工作

Question

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

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-颜色选择器，文件的script.js

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

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

如果我写：

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

它复制颜色选择器。

如果我删除第一个$（“。color-picker”）。wpColorPicker（）;当保存按钮被点击时，颜色选择器出现。

添加拾色器工作的正确方法是什么？

Answer 1

只需编辑您这样的代码，它工作正常

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(); 
      });