javascript - jQuery——能够显示颜色的选择器或选择器插件

Question

我正在开发一个使用 HTML/CSS/Javascript/JQuery 作为其用户界面的程序。这个 UI 需要做的一件事是允许用户从预定义的颜色列表中选择一个选项。理想情况下，此列表中的元素将同时具有所选颜色的视觉表示和标签(即带有标签“红色”的红色方 block )。我实现的任何东西都需要在 Safari 和 IE8+ 中工作。

我不能使用默认的 select 元素，因为我不能在 Safari 中设置 option 元素的样式。 This plugin允许 option 元素包含自定义的、可设置样式的 HTML，从而满足我的要求，但有一点错误，而且速度非常慢。使用此插件时，我的 UI 菜单需要大约 1000 毫秒来加载，其中 >90% 来自初始化 5 个 select 元素——这导致插件几乎无法使用。

所以，我被困住了。我发现了这个:

jQuery SelectBox Plugin

还有这个:

jQuery UI Selectmenu

...但是，据我所知，它们都没有提供任何方法来为其 option 元素添加颜色。还有 jQuery UI Selectable 交互，但这也有问题:因为我的 UI 中有很多元素可供选择且空间有限，所以我需要某种下拉/滚动能力。此外，我似乎没有任何方法可以告诉用户一次只能选择一个选项，似乎也没有直接的方法来确定选择了哪些元素。

最后，我要找的是 Sketchup 中的颜色选择器之类的东西。如果有人对我可以使用的可能插件有任何建议，我将不胜感激。虽然我更喜欢 jQuery 插件，但我对几乎所有可能有用的东西都持开放态度。

非常感谢，

乔希

PS 任何对这个问题的评价都将不胜感激，因为无法发布图片或两个以上的链接使得提出好的问题变得更加困难。

Answer 1

如果您查看 jquery UI color picker 的规划页面他们列出了一堆颜色选择器

编辑

您可能喜欢构建自己的，也许从 super 简单的东西开始，比如 this (fiddle)