javascript - 将颜色从 spectrum 设置为另一个 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