在JQuery UI中設置特定的窗口小部件

Question

我們一直在使用JQuery UI的Web應用程序。我想創建對話框小部件的樣式。但它有一些特殊的東西，比如標題，對所有的小部件都有共同的風格。我也使用了日曆選取器。例如，在那個小部件中，我希望標題保持原樣。但在對話框中，我希望標題沒有bg，邊框等等......

我該如何爲每一個獨立地創建小部件樣式？

因爲我知道風格是在theme.css中，但我也嘗試添加一個新的樣式表，比如dialog.theme.css，例如...並且它不適用於對話框。

Answer 1

如果你抓住正確的CSS類，你可以用樣式表或JS覆蓋樣式。

在CSS

.ui-button-text { 
    color:red; 
} 

實施例實施例中JS

//All Buttons 
$('.ui-button-text').css('color','red'); 

//Single Button 
$('.selector').find('.ui-button-text').css('color','red'); 

兩個例子都改變文字的按鈕的顏色。

現在，如果您想要多個jQuery UI主題，您可以使用範圍下載每個想要的主題。然後，您就可以在網頁

實例上應用多個主題，如果你有2個主題與.ex1和.ex2

<div id="#button1" class="ex1"></div> 
<div id="#button2" class="ex2"></div> 

$('#button1').button(); 
$('#button2').button(); 

此範圍會導致Button1的有你的第一個主題和BUTTON2有你的第二個主題