将光谱颜色设置为另一个光谱

Question

我很困难，想弄清楚如何设置我从光谱选择到另一个光谱的颜色。我的HTML是这样的：

<h2>Full Example</h2> 
<input type='text' id="full"/> 

<div class="outside-preview"> 

</div> 
<div id="inside-preview"> 

</div> 

输入是光谱，它改变了小方块的颜色。这对插件来说都是标准的。我想将相同的颜色设置为其中一个框（内部预览或外部预览）。

有人看到我要做什么吗？

Click to see it in a fiddle

Here is the github page

Answer 1

根据他们的文档，你可以使用change-function为：

change: function(color) { 
    $('.outside-preview').css('background-color', color.toHexString()) 
} 

Example

---

要设置的backgroundColor的合作rresponding div多colorpickers你可以使用这样的事情：

var eq = $(this).index('.colorpicker'); 
$('.container').eq(eq).css('background-color', color.toHexString()); 

Example