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

Question

我正在使用 Spectrum Colorpicker 并且需要在一个 div 中添加多个颜色选择器调色板。默认情况下它必须只显示一个颜色框，单击 +add 它必须再添加一个颜色框，依此类推...

提前感谢您的帮助，

我的 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']
               ]
            });
        });