Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript WordPress颜色选择器不适用于克隆jQuery_Javascript_Jquery_Html_Wordpress - Fatal编程技术网

Javascript WordPress颜色选择器不适用于克隆jQuery

Javascript WordPress颜色选择器不适用于克隆jQuery,javascript,jquery,html,wordpress,Javascript,Jquery,Html,Wordpress,我想在WordPress上添加一个颜色选择器。我试图克隆并附加它,但克隆颜色选择器没有打开 以下是我尝试过的: jQuery(函数($){ $('.select color').wpColorPicker(); $('.more select')。单击(函数(e){ e、 预防默认值(); var name=$('.number容器:last').clone(); name.find('.ppom img uploader area').end().appendTo('.ppom img up

我想在WordPress上添加一个颜色选择器。我试图克隆
并附加它,但克隆颜色选择器没有打开

以下是我尝试过的:

jQuery(函数($){
$('.select color').wpColorPicker();
$('.more select')。单击(函数(e){
e、 预防默认值();
var name=$('.number容器:last').clone();
name.find('.ppom img uploader area').end().appendTo('.ppom img uploader area');
});
});

名称
颜色
更多

在DOM准备就绪后使用此选项初始化颜色选择器:
$('.select color').wpColorPicker()

第一次加载DOM时不存在的任何元素都不会受到开始时运行的任何JS的影响。克隆后,您需要初始化新的

$('.more-select').click (function (e) {
   e.preventDefault();

    var name = $('.number-container:last').clone () ;
     name.find('.ppom-img-uploader-area').end().appendTo('.ppom-img-uploader-area');
     $('.select-color').wpColorPicker();
});

我无法为您测试这一点,因为颜色选择器在您的代码段中不起作用(您没有为wpColorPicker()函数提供JS)。我相信它会在WordPress tho中起作用

你能在JSFIDLE中制作吗?它的wordpress插件颜色选择器如何添加这个。你可以在wordpress和see@AppleOrange,刚才我创建了JSFIDLE,并编辑了问题,添加了一个链接。