如何在使用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);