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

Question

如何在点击事件后进入特定标签页，我试过$("#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> 

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 }); 

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

//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);