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（不是一个类）引用器时，你用一个点而不是一个pawn调用选择器：

$('.button')

作为id：

$('#button')

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

1 个答案: