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');
});

私は私のcssスタイルを持っています。これestilos_scoreboard.cssはロードしない場合にうまく機能しますsmoothness/jquery-ui-1.8.20.custom.css

だから私は疑問に思って$.tabs()いました、そのスタイリングを適用しないように言う方法はありますか？

//注：私はこのようにコーディングしているのではなく、クイックフィックスを適用するためのものでありsmoothness/jquery-ui-1.8.20.custom.css、jqueryUIオートコンプリートやその他の機能が必要なためです。

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

さて、私は単純な場合を使用することを知っていることにしました：

<?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 に答える