script-tutorials.com 다른 div의 색상 변경 색상

Question

이 색상 피커를 사용하여 요소 색상을 변경합니다 : http://www.script-tutorials.com/html5-color-picker-canvas/. 요소를 클릭하면 colorpicker가 열리 며 색상을 선택하면 원래 클릭 한 div의 색상이 변경됩니다.

<input id="button" type="button" value="click" /> 


$('.preview').css('backgroundColor', pixelColor); 
$('.button').click(function(e) { // preview click 
        $('.colorpicker').fadeToggle("slow", "linear"); 
        bCanPreview = true; 
        }); 

절대적으로 아무것도 변경되지 않습니다 : 내가 예를 들어, 버튼을 추가하여 클릭 요소를 변경하려고하면 요소를 클릭

는

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


$('.preview').css('backgroundColor', pixelColor); 
$('.preview').click(function(e) { // preview click 
        $('.colorpicker').fadeToggle("slow", "linear"); 
        bCanPreview = true; 
        }); 

그러나, 예상대로의 ColorPicker를 엽니 다. 명확히하기 위해 버튼을 클릭하고 colorpicker를 열어두고 색상을 선택하면 원본 요소의 색상을 변경할 수 있어야합니다. 다르게 할 수있는 일은 무엇입니까?

Answer 1

아이디 (안 클래스)를 참조 자 때 당신이 대신 전당포의 점이있는 선택기를 호출 나에게 보인다 ID로

$('.button') 

:

$('#button')