0

だから私はjQueryUIとタブウィジェットを使っています。作成しているWebサイトのいくつかの場所でこれらのウィジェットを使用しているため、jQuery UIのデフォルトのスタイルから最小限のスタイルを採用し、タブのセットごとに異なるスタイルを作成します。

私は通常、これに似たアーキテクチャを持っています：

<div id="smth-tabs">
    <ul id="smth-tabs-menu">
        <li> ....
    </ul>
    <div class="smth-tabs"> //First tab
    </div>
    ....
</div>

ここで問題となるのは、AJAXを使用してタブをロードすると（私が示した例のようにdivにタブを含めるのではなく）、タブを含むdivが自動的に生成されるため、ウィジェットのクラス（ "ui -tabs-panel」など）。

このAJAXベースのタブセットを作成するためのコードは次のとおりです。

$(function() {
    $( "#smth-tabs" ).tabs({
        ajaxOptions: {
            error: function( xhr, status, index, anchor ) {
                $( anchor.hash ).html(
                    "Error" 
                );
            }
        }
    });
});

タブ関数に渡してタブコンテナにカスタムクラスを設定するオプションはありますか？またはそれを行う別の方法はありますか？または、AJAXリクエストが成功した場合に、ロードされたタブにクラスを追加することを単に解決する必要がありますか？

前もって感謝します。

4

2 に答える 2

1

これをajaxリターンに追加できます： $( "#smth-tabs-1" ).addClass('yourClass') ;

確かに、あなたのn個のタブにはIDがあります#smth-tabs-n

于 2012-10-16T15:08:38.393 に答える
1

#smth-tabs .ui-tabs-paneスタイリングすることもできます#smth-tabs > ulし、#smth-tabs > div。

于 2012-10-17T08:25:17.113 に答える