Jquery 颜色选择器不'；我的代码中没有显示

我需要使用颜色选择器，因此我使用以下选项：

在我的html页面中，我创建了以下内容：

<input id="colore_sfondo_generale" type="text" class="form-control" value="">

---

在我的代码中，这是无效的，我不知道为什么。有人能帮我吗？

这不应该出现在单击事件处理程序中

只需直接连接，即可正常工作：

$(document).ready(function() {
    $('#colore_sfondo_generale').ColorPicker({
        //options here...
    });
});

---

.click（）

事件是由选择器本身处理的，当您在每次单击中附加它时，您正在中断它的事件。

我认为您正在为自己制造麻烦

这样做不是更容易吗

$（'#颜色选择器'）。颜色选择器({
颜色：“#0000ff”，
onShow：函数（colpkr）{
美元（colpkr）.fadeIn（500）；
返回false；
},
onHide:function（colpkr）{
$（colpkr）.淡出（500）；
返回false；
},
onChange：函数（hsb、十六进制、rgb）{
$（'#colorSelector div'）.css（'backgroundColor'，'#'+hex）；
}
});

ColorPicker-jQuery插件
您是否检查了控制台以查看错误？@ShadowWizard是的，但控制台中没有错误Shadow Wizard的答案有效。只要小心使用插件提供的
jquery.js
。它很旧，不支持
.on（）
方法，相反，您需要使用
.live（）
@dingo\u在这两种方法中都不需要，实际上，只需将它绑定到自jQuery第一个版本以来存在的
$（document）.ready（）
。（无论是
.live（）
还是
.on（）
都适用于使用代码动态创建的元素，这里不是这种情况）我尝试使用下载的插件测试它，并且在将
.on
更改为
时，它工作正常。但我同意你的看法，那完全没有必要
$(document).ready(function() {
    $('#colore_sfondo_generale').ColorPicker({
        //options here...
    });
});