script-tutorials.com不同div颜色的改变

Question

我使用这个颜色选择器来改变元素的颜色：http://www.script-tutorials.com/html5-color-picker-canvas/。单击元素将打开着色器，选择颜色将改变最初单击的div的颜色。

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


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

但是，当我试图更改click元素时，单击元素会像预期的那样打开颜色选择器，例如，添加一个按钮：

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


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

绝对没有什么改变。为了澄清，我想要能够点击一个按钮，有颜色选择打开，当一个颜色被选择时，改变原始元素的颜色。我还能做些什么呢？

Answer 1

在我看来，当选择器是id (而不是类)时，您使用的是点而不是典当来调用引用者：

$('.button')

身份证明：

$('#button')