Javascript 页面加载时带有活动选项卡的tabcontainer
我使用三个选项卡的tabcontainer。使用css tabcontainer,而不是ajax tabcontainer。然后我设置每一分钟自动刷新一次。现在我选择了tab2,但当页面刷新时它会自动转到tab1。因此,如何在页面加载或刷新时维护所选选项卡,我需要jquery。请帮助我。我正在尝试,tab click事件我得到tab selected index,然后该值传递到页面加载,但不起作用,是页面加载时保持所选选项卡的任何其他方式。Cookie也尝试了但没有用,然后使用了隐藏字段,但不知道如何从cs page获取该隐藏值。我的代码Javascript 页面加载时带有活动选项卡的tabcontainer,javascript,jquery,asp.net,Javascript,Jquery,Asp.net,我使用三个选项卡的tabcontainer。使用css tabcontainer,而不是ajax tabcontainer。然后我设置每一分钟自动刷新一次。现在我选择了tab2,但当页面刷新时它会自动转到tab1。因此,如何在页面加载或刷新时维护所选选项卡,我需要jquery。请帮助我。我正在尝试,tab click事件我得到tab selected index,然后该值传递到页面加载,但不起作用,是页面加载时保持所选选项卡的任何其他方式。Cookie也尝试了但没有用,然后使用了隐藏字段,但不知
<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 & 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>
使用JS设置的变量不会跨多个页面存在。您可以在刷新之前向URI添加变量,并使用该变量选择适当的选项卡:
$("#Nav").bind('tabsselect', function(e, ui) {
window.location.href = window.location.href + "?tab=" + ui.index;
});
…现在,当您刷新页面时,可以在URI中搜索选项卡变量并选择适当的索引。当然,您可以进行更深入的URI检查,以确保正确构建新的window.location值
考虑:
如果您已经探索了隐藏字段方法,假设您正在字段中存储索引,则可以使用$'hiddenFieldId'.val访问该值,并通过$'Nav'.tabs{选定:$'hiddenFieldId'.val}设置选项卡 var所选函数页面加载{var$tabs=$'Nav'.tabs;selected=$tabs.tabs'option','selected',alertselected;每当您要单击该选项卡时,获取该选项卡索引并在重新加载页面时全局存储,获取该选项卡索引值并将其设置为选中。如何全局获取该值,该值保存到按钮单击事件中,如何在值传递到页面加载,所以只有我使用了cookie,但没有使用,任何其他方式,谢谢你的快速回复。你知道jquery的意思,请回复我。是否可以使用cookie获取值并传递到页面加载,页面刷新我也做了进入jquery你可以使用jquery cookie,但你也可以使用该答案中提到的直接JS。