-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 tabs的方法：

$(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

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

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

在 init 之后获取或设置选定的选项。

//getter
var selected = $( ".selector" ).tabs( "option", "selected" );
//setter
$( ".selector" ).tabs( "option", "selected", 3 );
于 2012-09-21T12:25:55.353 回答
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 回答