0

OK、これは jQuery ツール ( http://jquerytools.org/ ) によるものであり、jQuery UI ではありません。

実際の HTML コードを介してデフォルトのタブを設定する方法があるかどうかを知る必要があります。セットアップ コードは次のようになります。

jQuery("ul.tabs").tabs("div.panes > div");

HTMLは次のようになります。

<div class="tabs-container">
<ul class="tabs ">
<li class="w3"><a href="#" class="current">The active tab</a></li>
<li class="w3"><a href="#">Another tab</a></li>
<li class="w3"><a href="#">Third tab</a></li>
</ul>
<div class="panes">
<div style="display: block;">
Content of first tab
</div>
<div style="display: none;">
Second tab contents
</div>
<div style="display: none;">
Third tab contents
</div>
</div>

2番目のタブのアンカーに「現在」のクラスを与えようとしましたが、うまくいきませんでした。

4

2 に答える 2

1

ページのスクリプトでタブを設定するときは、2 番目の引数の一部として initialIndex プロパティを使用する必要があります。

タブインデックスがゼロから始まるため、デフォルトで最初のタブではなく2番目のタブを表示する、初期インデックスが「1」に設定されたフィドルへのリンクがあります。http://jsfiddle.net/switchweb/pPMRX/

initialIndex プロパティを使用して設定するスクリプトは次のとおりです (ここでは、ページが最初に表示されたときに「現在」にしたい TAB の番号を「1」に置き換えます。ここで、最初のタブは 0、2 番目は1など）。

    $("<tabs_selector>").tabs("<pane_selector>",  {initialIndex: 1} );
于 2013-09-11T08:29:25.220 に答える
0

タブが初期化された後、タブ スクリプト API ハンドルを取得して、タブを選択できます。

var api = $("ul.tabs").data("tabs");
api.click(1);

完全なリファレンスは、「スクリプト API」の下にあります: http://jquerytools.org/documentation/tabs/

于 2013-09-10T12:22:04.993 に答える