gpt4 book ai didi

c# - asp.net 中的 JQuery 选项卡可保持重新加载

转载 作者:行者123 更新时间:2023-11-28 09:45:37 24 4
gpt4 key购买 nike

我的页面上有一个 JQuery 选项卡,目前当我重新加载或运行一些服务器端代码时,该选项卡会返回到第一个选项卡,有没有办法让选项卡保持不变?我希望我的选项卡保留在当前选定的选项卡上,而不是在页面重新加载时返回到第一个选项卡

我的 JQuery:

 $(function () {
var tabContainers = $('div.tabs > div');
$('div.tabs ul.tabNavigation a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).show();
$('div.tabs ul.tabNavigation a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':first').click();

});

我的标签:

<div class="tabs">
<ul class="tabNavigation">
<li><a href="#Annoucments">Annoucments</a></li>
<li><a href="#Events">Events</a></li>
<li><a href="#Photos">Photos</a></li>
<li><a href="#JobOpportunities">Job Opportunities</a></li>
<li><a href="#Contacts">Contacts</a></li>
<li><a href="#Videos">Videos</a></li>
</ul>
<div id="Annoucments" class="ContentDIV">
..

</div>
<div id="Events" class="ContentDIV">

..
</div>

<div id="Photos" class="ContentDIV">
..

</div>

<div id="JobOpportunities" class="ContentDIV">
..
</div>

<div id="Contacts" class="ContentDIV">
...

</div>

<div id="Videos" class="ContentDIV">
..

</div>

</div>

最佳答案

您需要将用户状态保存在某处:

  1. Url - 解析 url 并确定它是否是您的选项卡部分。
  2. Cookie - 写入 Cookie 用户信息(例如所选选项卡)。
  3. session - 与 cookie 相同。
  4. 自定义隐藏字段或 asp.net ViewState。

关于c# - asp.net 中的 JQuery 选项卡可保持重新加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11823236/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com