2011-06-01 82 views
2

我正在使用HTML/CSS/Javascript/JQuery作爲其用戶界面的程序。這個UI需要做的一件事就是允許用戶從預定義的顏色列表中選擇一個選項。理想情況下,此列表中的元素將同時具有所選顏色的可視化表示和一個標籤(即標有紅色的紅色方塊)。我實現的任何東西都需要在Safari和IE8 +中工作。jQuery - 選擇或選擇器插件能夠顯示顏色

我無法使用默認的select元素,因爲我無法在Safari中設置option元素的樣式。 This plugin允許option元素包含自定義,可展開的HTML,因此符合我的要求,但是有點bug並且非常慢。使用此插件時,我的UI菜單需要大約1000毫秒的加載時間,其中> 90%來自初始化元素 - 這使得插件幾乎不可用。

所以,我卡住了。我發現這一點:

jQuery SelectBox Plugin

這:

jQuery UI Selectmenu

...但是,據我所知,沒有提供任何的方式來增加顏色到他們option元素。還有jQuery UI可選交互,但也有問題:因爲會有很多元素可供選擇,並且在我的UI中空間有限,所以我需要具有某種下拉/滾動容量。另外,似乎我沒有辦法告訴用戶只能一次選擇一個選項,似乎也沒有直接確定選擇哪些元素的方法。

最後,我正在尋找的東西就像Sketchup中的顏色選擇器。如果有人對我可以使用的可能插件有任何建議,我將非常感激。儘管我更喜歡jQuery插件,但我可以接受任何可能的工作。

非常感謝,

喬希

PS了任何在這個問題上的評分,將不勝感激,因爲不能夠發表圖片或兩個以上的鏈路使得它更難提出好的問題。

回答

2

,如果你看一下規劃頁jquery UI color picker他們列出了一堆拾色器的

編輯

你可能想建立自己也許開始像this (fiddle)

+0

感謝超級簡單爲迴應。 我看過一些顏色選擇器,但我沒有找到任何合適的顏色選擇器,因爲它們通常通過調整各種參數來選擇顏色,而不是從列表中選擇一種顏色。也就是說,你鏈接的頁面上的一些看起來好像可以工作。我會把問題留出一段時間,然後再看看這些,看看我找到了什麼。 – jkjenner 2011-06-01 23:15:28