script-tutorials.com改變不同div的顏色的顏色

我使用此顏色選擇器來改變元素的顏色：http://www.script-tutorials.com/html5-color-picker-canvas/。點擊一個元素打開colorPicker，並選擇一種顏色改變最初點擊div的顏色。script-tutorials.com改變不同div的顏色的顏色

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


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

點擊元素上打開如預期的ColorPicker，但是，當我試圖改變掣子元件，例如，通過添加一個按鈕：

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


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

絕對沒有什麼變化。爲了澄清，我希望能夠點擊一個按鈕，打開顏色選擇器，並選擇顏色時，更改原始元素的顏色。我能做些什麼不同？

來源

2014-12-02 Christian

在我看來，當它是一個ID（不是類）的參考進行，你在呼喚一個點，而不是一個棋子選擇：

$('.button')

爲ID：

$('#button')

來源

2014-12-02 21:28:26 Verhaeren

哦，好的。所以它最初的作品，因爲預覽是原始元素的類和ID？ – Christian 2014-12-02 21:30:54

如果你只有這個：'

'（沒有任何類的規範），這是工作：'$（'。preview'）'那麼jQuery自從我上次使用它以來已經完全改變了。 – Verhaeren 2014-12-02 21:33:07

script-tutorials.com改變不同div的顏色的顏色

回答

相關問題