jQuery Colorpicker在一个div中添加多个调色板

Question

我正在使用 Spectrum Colorpicker ，需要在一个div中添加多个颜色选择器托盘。默认情况下，它必须只显示一个颜色框，点击+添加它必须添加一个颜色框等等...

先谢谢你的帮助，

我的HTML代码：

<!-- Color Picker -->
<div class="colorpicker-container">
    <input class="full" />
    <a href="#">+ Add</a>  
</div>
<!-- /Color Picker -->

有人可以帮帮我吗？

Answer 1

尝试这样的事情：

HTML

 <!-- Color Picker -->
    <div class="colorpicker-container">
        <input class="full" />
        <a class="add" href="#">+ Add</a>  
    </div>
    <!-- /Color Picker -->

JQuery的

  $(document).on("click", ".add", function(){
           $(this).before("<input class='full' />"); 
            $('.full:empty').spectrum({
               showPaletteOnly: true, // if you want to only have the palette
               showPalette:true,
               palette: [ // here the colors you want to have on your palette
                 ['black', 'white', 'blanchedalmond',
                 ['red', 'yellow', 'green', 'blue', 'violet']
               ]
            });
        });