4

我想知道，如何让 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.cssjquery UI 自动完成和其他功能

4

2 回答 2

4

据我所知，这不能通过默认代码/选项来完成。但是，您可以在应用选项卡后删除所有 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这个答案：删除所有以某个字符串开头的类

于 2012-05-21T10:22:33.730 回答
0

好吧，我决定只使用一个简单的 if：

<?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 } ?>
于 2012-05-21T10:38:41.843 回答