將光譜顏色設置爲另一個光譜

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