jquery - script-tutorials.com Colorwheel改变不同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;
                  });

单击元素会按预期打开颜色选择器，但是，当我尝试更改单击元素时，例如，通过添加按钮:

<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(不是一个类)引用者时，你用点而不是 pawn 调用选择器:

$('.button')

作为身份证:

$('#button')