2012-02-15 41 views
1

根據this question(以及常識),我應該可以在加載後更改jQueryUI Widget的特性,例如按鈕。例如,設置特定按鈕紅色的背景。你如何覆蓋正確應用jQuery UI主題的CSS?

當我嘗試使用css或甚至在.button()調用後使用$('.selector').css({'background-color': 'Red'})時,該按鈕在加載時閃爍紅色並返回到jQuery UI主題。如何阻止jQuery UI重寫覆蓋?

回答

3

jQuery UI的時候,它的完成創建元素提供一個整潔的回調。這就是你想要改變顏色的地方。

$(".selector").button({ 
    create: function(event, ui) { 
    $('.selector').css({'background-color': 'Red'}) 
} 
}); 
2

您是否選擇button元素或其子span標籤?這個例子對我的作品:

http://jsfiddle.net/8UvZ5/

+0

不,我正在設置按鈕的背景,不正確。感謝這個信息。除了按鈕之外,我正在尋找一種覆蓋jQuery UI css的更通用的方式。 – MandoMando 2012-02-16 17:04:28

+0

更通用的方式是使用CSS規則覆蓋它們,而不是使用javascript,因爲鏈接中提到了答案。 – Calvin 2012-02-16 19:27:55