1

最終的な about ページをデフォルトのタブにする方法を教えてください。これらのタブを表示するために jQuery UI を使用しています。

<div id="tabs">
    <li class="ui-state-default ui-corner-top"><a href="#home">Home</a></li>
    <li class="ui-state-default ui-corner-top"><a href="#strains">Strains</a></li>
    <li class="ui-state-default ui-corner-top"><a href="#GB"> Browser</a></li>
    <li class="ui-state-default ui-corner-top"><a href="#pathway">Pathway</a></li>
    <li id="pathway1" class="ui-state-default ui-corner-top"><a href="#pathway1">pathway1</a></li>
    <li class="ui-state-default ui-corner-top"><a href="#About">About</a></li>

私が知る限り、次の方法で行う必要があるようです。

$('#tabs1').addClass('active')

しかし、それは機能していません。次のjQueryがあります。

$( "#tabs" ).tabs();
$( "#pathway1").addClass('active');

デフォルトでpathway1ページをアクティブにしたい。

4

2 に答える 2

8

クラスを設定しても、デフォルトのタブは変更されません。

それ以外の

$( "#tabs" ).tabs();

これを試して：

$( "#tabs" ).tabs({ active: 4 });

これにより、5 番目の (インデックスがゼロの) タブが既定のアクティブなタブになります。

于 2013-04-22T22:46:33.597 に答える