如何防止jquery選項卡在刷新時默認爲第一個選項卡？

Question

我用我的多標籤頁的簡單的jQuery標籤是如下：

$("#tabs").tabs(); 
<s:div id="tabs"> 
<ul> 
    <li><a href="#tabs-1"> Home</a></li> 
    <li><a href="#tabs-2">Resources</a></li> 
    <li><a href="#tabs-3">hello world</a></li> 
</ul> 

<s:div id="tabs-1"> 
    tab one content 
</s:div> 
<s:div id="tabs-2"> 
    tab two content 
</s:div> 
<s:div id="tabs-3"> 
    tab three content 
</s:div> 
</s:div> 

然而

，當我在其他任何一個1選項卡和命中刷新，它把我帶回到第一標籤。我知道默認情況下第一個選項卡是活動的。我甚至嘗試使用下面的函數來禁用主動標籤：

$("#tabs").tabs({ active: false }); 

，但它仍然會帶我去的第一個標籤後也沒有激活的標籤。我如何防止這種情況發生？我想讓jquery在刷新頁面時不更改標籤。我確實找到了幾個答案，但似乎沒有任何幫助。任何幫助，將不勝感激。 thankx提前

Answer 1

這應該使的伎倆：

var selected=0; 
if(localStorage.currentTab){ 
    selected=Number(localStorage.currentTab) 
}else{ 
    localStorage.currentTab=0; 
} 

$("#tabs").tabs({ 
    selected: selected, 
    select: function(event, ui) { 
     localStorage.currentTab=ui.index 
    } 
});