jqueryui颜色选择器

我听说jQueryUI包含一个颜色选择器，但几乎找不到关于它的文档

它存在吗

关于如何实现它，有什么像样的文档吗

我发现：

但使用：

$("#colorpicker").colorpicker();

不工作，Firebug告诉我

.colorpicker（）不是一个方法

它似乎工作正常，除非我将它放在一个对话框UI中，然后它决定中断。
确保您的页面上包含jQuery UI基础和颜色选择器小部件（以及jQuery 1.3的副本）：



如果您已经包含了这些内容，请尝试发布您的源代码，这样我们就可以看到发生了什么。
您可以在这里找到一些演示和插件

在处理自动完成时，jQuery也有同样的问题（不是一种方法）。代码似乎是在加载autocomplete.js之前执行的。因此，请确保在调用colorpicker之前加载ui.colorpicker.js。
这是因为您正在尝试在加载插件之前访问它。当加载DOM时，您应该尝试通过以下方式调用它：

$(document).ready(function(){
    $("#colorpicker").colorpicker();
}

也许我已经很晚了，但是现在有另一种使用jQueryUI的方法

以下是它在jquery ui文档中的显示方式：


函数hexFromRGB（r，g，b）{
变量十六进制=[
r、 toString（16），
g、 toString（16），
b、 toString（16）
];
$。每个（十六进制，函数（nr，val）{
如果（val.length==1）{
十六进制[nr]=“0”+val；
}
});
返回hex.join（“”.toUpperCase（）；
}
函数refreshSwatch（）{
var red=$（“#red”）.滑块（“值”），
绿色=$（“#绿色”）。滑块（“值”），
蓝色=$（“#蓝色”）。滑块（“值”），
hex=hexFromRGB（红色、绿色、蓝色）；
$（“#样例”）.css（“背景色”，“#”+hex）；
}
$（函数（）{
$（“红色、绿色、蓝色”）。滑块({
方向：“水平”，
射程：“分钟”，
最高：255，
价值：127，
幻灯片：刷新样本，
更改：刷新样本
});
$（“红色”）。滑块（“值”，255）；
$（“绿色”）。滑块（“值”，140）；
$（“蓝色”）。滑块（“值”，60）；
});
#红#绿#蓝{
浮动：左；
清除：左；
宽度：300px；
利润率：15px；
}
#斯沃琪{
宽度：120px；
高度：100px；
边缘顶部：18px；
左边距：350px；
背景图像：无；
}
#红色.ui滑块范围{背景：#ef2929；}
#red.ui滑块句柄{边框颜色：#ef2929；}
#绿色.ui滑块范围{背景：#8ae234；}
#绿色.ui滑块句柄{边框颜色：#8ae234；}
#blue.ui滑块范围{背景：#729fcf；}
#blue.ui滑块句柄{边框颜色：#729fcf；}


简易选色器

你可以在这里找到代码：但是看起来他们的网站不再提供了，可能值得使用下面答案中推荐的一个Shin，看起来相当不错！我找了很长很高的一个好的用户友好型的，只是颜色，没有别的：我喜欢那个，楚德。简洁明了。如果有人在2017年读到这篇文章，HTML5颜色输入类型现在几乎完全受支持（除了IE），是的，我将在明天尝试这篇文章。干杯
$(document).ready(function(){
    $("#colorpicker").colorpicker();
}