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

它复制了颜色选择器。

如果我删除第一个$（＆＃34; .color-picker＆＃34;）。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();
            });

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

1 个答案: