設置從光譜到另一格的顏色

Question

我在嘗試找出如何設置從光譜到另一個div的顏色時遇到了困難。 我的HTML是這樣的：

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

<div class="outside-preview">

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

</div>

輸入是光譜，它會更改小方框的顏色。 這是插件的全部標准。 我也想將相同的顏色設置為其中一個框（內部預覽或外部預覽）。

有人看到我必須做什么嗎？

單擊以查看它

這是github頁面

Answer 1

根據他們的文檔，你可以使用change -函數為：

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

例

---

要使用多個拾色器為相應的div設置backgroundcolor，您可以使用以下方法：

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

例