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

时间:2011-06-01 18:28:52

标签: javascript jquery jquery-ui jquery-plugins

我正在开发一个使用HTML / CSS / Javascript / JQuery作为其用户界面的程序。此UI需要做的一件事是允许用户从预定义的颜色列表中选择一个选项。理想情况下,此列表中的元素将同时具有所选颜色的可视化表示,以及标签(即带有标记为“红色”的红色正方形)。我实现的任何东西都需要在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对此问题的任何评级都会非常感激,因为无法发布图片或超过两个链接会让您更难提出好的问题。

1 个答案:

答案 0 :(得分:2)

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

修改

你可能想用this (fiddle)

之类的东西来建立自己的超级简单