-1

クリック イベントの後に特定のタブに移動するにはどうすればよい$("#tabs").tabs()ですか?

これが私のjqueryコードです： 

$(function() {
    $("#tabs").tabs();
    $("#btn").click(function() {
    //what to put here?
    //I tried this but do not work, since i notice every refresh it go back to its original tab
    $("#tabs").tabs();
    });
});

ここに私のHTMLコードがあります:

<div id="tabs">
<ul>
<li><a href="#login">Login</a></li>
<li><a href="#register">Register</a></li>
</ul>
<div id="login">
</div>
<div id="register">
</div>
4

4 に答える 4

1

selectjquery ui タブのメソッドを使用できます。

$(function() {
    $("#tabs").tabs();
    $("#btn").click(function() {
        $("#tabs").tabs("select", "mytab"); // will switch to mytab
    });
});
于 2012-09-21T12:24:08.453 に答える
1

これを試してみてください: $('#tabs').triggerTab(2);//2 これが登録タブです

于 2012-09-21T12:24:28.250 に答える
1

余分なコードを追加しなくても、最新のタブを Cookie に保存できます。

http://jqueryui.com/demos/tabs/#option-cookie

$( ".selector" ).tabs({ cookie: { expires: 30 } });

その後、常に最後に使用していたタブに戻ります。

次に、特定のタブに移動します: http://jqueryui.com/demos/tabs/#option-selected

$( ".selector" ).tabs( "option", "selected", 3 );
于 2012-09-21T12:27:46.043 に答える
1

選択したオプションを指定してタブを初期化します。

$( ".selector" ).tabs({ selected: 3 });

初期化後に、選択されたオプションを取得または設定します。

//getter
var selected = $( ".selector" ).tabs( "option", "selected" );
//setter
$( ".selector" ).tabs( "option", "selected", 3 );
于 2012-09-21T12:25:55.353 に答える