页面加载时带有活动选项卡的tabcontainer

时间:2013-05-09 11:55:00

标签: javascript jquery asp.net

我正在使用tabcontainer和三个tabs.using css tabcontainer,而不是ajax tabcontainer。然后我每隔一分钟设置一次自动刷新。现在我选择tab2,但是当页面刷新它会自动转到tab1.so如何维护当页面加载或刷新时,选择选项卡,我想jquery.please帮助我。我正在尝试,选项卡点击事件我得到选项卡选择索引,然后此值传递到页面加载,但不工作,是任何其他方式保持选中的选项卡时页面load.cookies也尝试但没有用,然后使用隐藏字段,但不知道如何从cs page.my代码获取此隐藏值

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

1 个答案:

答案 0 :(得分:0)

使用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() });设置标签