Question

如何在点击事件后转到特定标签，我尝试了$("#tabs").tabs()，因为每次刷新它都会恢复原状但仍然不起作用，这样做的正确方法是什么？ / p>

这是我的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>

Answer 1

您可以使用jquery ui制表符的select方法：

$(function() {
    $("#tabs").tabs();
    $("#btn").click(function() {
        $("#tabs").tabs("select", "mytab"); // will switch to mytab
    });
});

Answer 2

尝试一下：$('#tabs').triggerTab(2); // 2这里是注册表

Answer 3

使用指定的选定选项初始化选项卡。

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

在初始化后获取或设置所选选项。

//getter
var selected = $( ".selector" ).tabs( "option", "selected" );
//setter
$( ".selector" ).tabs( "option", "selected", 3 );

Answer 4

您可以在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 );

如何使用jquery在单击事件后转到特定选项卡？

4 个答案: