jquery UI禁用主題樣式

Question

我想知道，如何讓jquery UI在初始化$.tabs()時不添加任何類？

這是我的HTML結構

<link href="smoothness/jquery-ui-1.8.20.custom.css" rel="stylesheet" type="text/css" /> 
... 
<link href="estilos_scoreboard.css" rel="stylesheet" type="text/css" /> 
... 

<div id="tab_container"> 
    <ul class="ui-tabs-nav"> 
     <li><a href="#tab_equipos"><span>Equipos</span></a></li> 
     <li><a href="#tab_jugadores"><span>Jugadores</span></a></li> 
     <li><a href="#tab_partidos"><span>Partidos</span></a></li> 
     <li><a href="#tab_directos"><span>Directos</span></a></li> 
    </ul> 

    <div id="tab_equipos">... cargando ...</div> 
    <div id="tab_jugadores">... cargando ...</div> 
    <div id="tab_partidos">... cargando ...</div> 
    <div id="tab_directos">... cargando ...</div>  
</div> 

javascript代碼：

$(document).ready(function(){ 
    $('div#tab_container').tabs(); 
    $('div#tab_equipos').load('lv_equipos.php'); 
}); 

在estilos_scoreboard.css我有我的CSS樣式偉大的工程，如果我不加載smoothness/jquery-ui-1.8.20.custom.css

所以，我是想知道，有什麼辦法可以告訴$.tabs()不應用任何它的造型？

//注：我問這個，因爲我不是一個代碼是這樣，但一個應用快速修復，我需要爲smoothness/jquery-ui-1.8.20.custom.css jQuery UI的自動完成功能和其他功能

Answer 1

好吧，我決定爲知道剛纔使用一個簡單的，如果：

<?php if($_ADM['mod'] == 'scoreboard') { ?> 
    <link href="estilos_scoreboard.css" rel="stylesheet" type="text/css" /> 
<?php } else { ?> 
    <link href="<?=BASE_URL;?>assets/css/smoothness/jquery-ui-1.8.20.custom.css" rel="stylesheet" type="text/css" /> 
<?php } ?> 

Answer 2

至於我知道，這不能通過默認代碼/選項來完成。但是，您可以在應用選項卡後刪除所有jQuery類。

jQuery庫使用前綴ui-所有類，這樣你就可以申請你的標籤/插件刪除後，立刻所有這些類。

這應該工作：

removeByClassPrefix(document.getElementById("element"), "ui-"); 

function removeClassByPrefix(el, prefix) { 
    var regx = new RegExp('\\b' + prefix + '.*?\\b', 'g'); 
    el.className = el.className.replace(regx, ''); 
    return el; 
} 

或者：

$("#element").className = $("#element").className.replace(/\bui-.*?\b/g, ''); 

以上功能感謝Prestaul對於這樣的回答：Remove all classes that begin with a certain string