2016-07-29 1 views
0

나는 스펙트럼에서 다른 div로 선택할 색을 설정하는 방법을 찾기가 힘듭니다. 내 HTML은 다음과 같습니다.스펙트럼에서 다른 div 로의 색 설정

<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

답변

1

는 자신의 문서에 따르면, 당신은에 대한 change-function를 사용할 수 있습니다

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

Example


가 공동 위해있는 backgroundColor를 설정하려면 이 같은 것을 사용할 수있는 여러 colorpickers와 div을 rresponding :

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

Example

+0

감사합니다! 내가 서로 다른 색으로 두 개의 입력을 가질 수있는 방법을 알고 있습니까? 이름으로 다른 입력을 추가하려고 시도했지만 도움이되지 않았습니다. 이 예제에는 내 자신의 것으로 생각한 답이 없지만 솔루션이 더 좋습니다. https://jsfiddle.net/way4LmbL/2/ – Becky

+0

[this] (https://jsfiddle.net/way4LmbL/3/) 예를 참조하십시오. 2 colopickers를 설정하고 각각의 div를 선택하여 배경을 설정하십시오. – empiric

+0

잡담! – Becky