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

Question

我的页面上有一个 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>

Answer 1

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

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