将光谱颜色设置为另一种颜色 div

Question

我很难弄清楚如何将我从光谱中选择的颜色设置为另一种 div。我的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

---

要使用多个颜色选择器为相应的 div 设置背景颜色，您可以使用如下方法：

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

Example