如何從特定元素中刪除/添加jQueryUI CSS主題？

Question

我有一個jQueryUI選項卡應用於同一頁面的兩個不同元素的WordPress網站。但是，我希望這些元素中的一個爲主題，另一個不是。

我試過使用.removeClass（'ui-widget'），但它當然會在應用jQueryUI之後刪除類，所以它與無所作爲一樣。

解決此問題的另一種方法可能是將主題應用於僅一個選項卡，但我也不知道如何執行此操作。

在此先感謝。

Answer 1

你的意思與 「不爲主題的」 是什麼？jQuery UI的標籤始終的主題。如果你想區分兩個不同的選項卡，你可以應用自己的自定義_CSS來覆蓋你的UI主題。 這是創建標籤的標記（從文檔拍攝）

<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs"> 
    <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"> 
    <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li class="ui-state-default ui-corner-top"><a href="#tabs-2">Proin dolor</a></li> 
    <div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-1"> 
     <p>Tab one content goes here.</p> 
    </div> 
    ... 
</div> 

注：這是由標籤插件所產生的標記的樣本，而不是標記，你應該用它來創建一個標籤。唯一需要的標記是

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li> 
     <li><a href="#tabs-3">Aenean lacinia</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p>Tab 1 content</p> 
    </div> 
    <div id="tabs-2"> 
     <p>Tab 2 content</p> 
    </div> 
    <div id="tabs-3"> 
     <p>Tab 3 content</p> 
    </div> 
</div>. 

您可以使用元素的id來設置樣式。

#tabs ul li{ 
    background-color: green; 
} 

Answer 2

每個控件有點不同，但其中大多數都有一個destroy method。例如，爲了從一個按鈕小部件移除造型和行爲：

$("#yourButton").button("destroy"); 

另一種選擇是覆蓋CSS類針對該特定元素。這不會影響窗口小部件的行爲。

​​3210

Answer 3

試過這個？：

$(tab_not_theme).removeClass('ui-tabs'); 
$(tab_not_theme).removeClass('ui-tabs-nav'); 
$(tab_not_theme).removeClass('ui-tabs-panel');