tabcontainer與頁面加載時的活動選項卡

我使用tabcontainer與三個tabs.using css tabcontainer，而不是ajax tabcontainer.then我設置自動刷新每一分鐘。現在我選擇tab2，但是當頁面刷新它自動去tab1.so當頁面加載或刷新時如何維護選定的選項卡，我想jquery.please幫助我。我正在嘗試，選項卡單擊事件我得到選項卡選定的索引，然後此值傳遞到頁面加載，但不工作，是任何其他的方式來保持選擇的標籤頁時也load.cookies嘗試，但沒有用，用則隱藏字段，但不知道怎麼這個隱藏值從CS page.my代碼得到tabcontainer與頁面加載時的活動選項卡

<div id="Nav" class="tabNav" style="width: 80%; height: auto; float: left; margin-left: 8.9%;" onclick="pageload()"> 
    <ul class="tabNav" id="tab"> 
     <li><a href="#nogo" title="Address Info" linkrel="#tab-1">Address Info</a> 
     </li> 
     <li><a href="#nogo" title="Additional Info" linkrel="#tab-2">Additional Info</a> 
     </li> 
     <li><a href="#nogo" title="Payment &amp; Job Info" linkrel="#tab-3">Payment Info</a> 
     </li> 
     <li></li> 
    </ul> 
</div> 

<div class="full" id="tab-1">//Some Dada</div> 
</div> 
<div class="full" id="tab-2">//Some Dada</div> 
</div> 
<div class="full" id="tab-3">//Some Dada</div>

來源

2013-05-09 user2235898

var selected function pageload（）{ var $ tabs = $（'＃Nav'）。tabs（）; selected = $ tabs.tabs（'option'，'selected'）; alert（selected）; – user2235898 2013-05-09 12:05:50

每當你打算點擊標籤時，獲取該標籤索引並將其全局存儲，同時重新加載頁面時獲取該標籤索引值並使其成爲選中狀態。 – 2013-05-09 12:06:24

如何獲得全球價值，該值保存到按鈕單擊事件，如何將該值傳遞到頁面加載，所以只有我使用Cookie，但不能使用，任何其他方式，感謝您的快速回復 – user2235898 2013-05-09 12:11:16

您的變量設置JS不會跨多個頁面存在。你可以添加一個變量的URI刷新前，並用它來選擇相應的選項卡：

$("#Nav").bind('tabsselect', function(e, ui) { 
    window.location.href = window.location.href + "?tab=" + ui.index; 
});

...現在，當您刷新頁面，您可以搜索的URI tab變量，並選擇適當的指數。當然，您可以進行更深入的URI檢查，以確保適當地構建新的window.location值。

考慮：

如果你已經探索了隱藏字段的方法，假設你在存儲領域的指數，你可以訪問值爲$('#hiddenFieldId').val()並通過$('#Nav').tabs({ selected: $('#hiddenFieldId').val() });設置您的選項卡

來源

2013-05-09 13:01:41 jterry

是否有可能使用cookie來獲取值並傳遞到頁面加載，頁面刷新也我做到jquery – user2235898 2013-05-09 13:51:10

你可以使用'jQuery-cookie'來設置和獲取cookie（http://stackoverflow.com/questions/1458724/how-to-set-unset-cookie-with-jquery），但是你也可以直接使用JS（在那個答案中也提到過）。 – jterry 2013-05-09 13:59:09

tabcontainer與頁面加載時的活動選項卡

回答

相關問題