2012-02-15 80 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