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

Question

我正在使用具有三個選項卡的tabcontainer。使用css tabcontainer，而不是ajax tabcontainer。然后我設置了每分鍾的自動刷新。現在我選擇了tab2，但是當頁面刷新時它會自動轉到tab1。因此如何維護選定的選項卡頁面加載或刷新，我想要jquery.please幫助我。我正在嘗試，單擊選項卡時我得到選項卡選定索引的索引，然后此值傳遞到頁面加載中，但不起作用，這是在頁面加載時保留選定選項卡的任何其他方法。 Cookies也嘗試但沒有用，然后使用了隱藏字段，但是不知道如何從CS頁面獲取此隱藏值。我的代碼

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

Answer 1

您使用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() });設置標簽$('#Nav').tabs({ selected: $('#hiddenFieldId').val() });