2012-04-07 63 views
-1

尋找一種使用jQuery將輸入元素添加到需要的類的快速方法。我相信我需要添加以下類,但我不知道如何添加這些以及如果我需要添加懸停類。如何用jQuery修飾表單輸入元素?

ui-widget ui-widget-content ui-corner-all 

有沒有人有什麼建議添加以及如何添加類包括懸停?我查看了文檔,但是我在jQuery網站上看不到這一點:-(

回答

0

如果您正在創建窗口小部件並希望在其中使用jQuery UI主題,則可以使用The jQuery UI CSS Framework頁面告訴您什麼CSS類和如用於。

在加入-hover-active類方面,有jQuery的爲前hover功能,併爲後者focusblur事件。你可以通過addClassremoveClass添加和刪除類。


更新:下面你說你沒有創建一個小部件,你只是想把一些東西應用到一個簡單的文本框中。據我所知,你沒有什麼可以做的,沒有課程供你添加。例如,看看theme roller,例如:自動完成程序的輸入框沒有任何類,除了那些由自動完成程序代碼添加的類。你不添加它們,你在元素上設置了自動完成器,並且它會添加它們。據我所知,這就是這種情況:您可以在運行時通過調用插件函數來設置小部件,並且如有必要,代碼將會將所需的任何類添加到元素中。

如果你只是想即使沒有創建一個widget   —上面鏈接的頁面應該告訴你你需要知道做什麼,使他們適應以及與主題  —的風格頁面上的其他元素。但總的來說,你大多不會。 jQuery UI不是一個網站的CSS框架; CSS針對的是jQuery UI提供的特定功能(但是以一種很好的整體方式,因此整個事情可以以統一的方式進行主題化)。

+0

我沒有創建小部件。只是想要應用於簡單的文本輸入框。我知道這對專家來說可能很簡單,但我很驚訝沒有給其他人的建議。畢竟,我猜100%的人都在他們的網站上使用了一個輸入框,並且沒有提及如何將其主題化。任何想法爲什麼它甚至沒有在網站上提及? – 2012-04-07 08:17:02

+0

@SamanthaJ:我已經更新了答案。就我所知,您不會使用jQuery UI來輸入框。這就是爲什麼網站上沒有提到它的原因。 – 2012-04-07 08:20:18

+0

我認爲有一個長期的計劃,將表單裝飾控件添加到jQuery UI?我看到它的提及,但它似乎是永遠不會完成的事情。 – 2012-04-07 08:38:02