ASP.NET 回发后保持当前 jQuery 手风琴窗格打开

ASP.NET 是一种用于构建 Web 应用程序的开发框架，而 jQuery 是一个流行的 JavaScript 库，它提供了丰富的功能和特性，可以方便地操作 HTML 元素和处理事件。在使用 ASP.NET 和 jQuery 开发 Web 应用程序时，有时我们需要在页面回发后保持当前的状态，特别是在应用程序中使用了手风琴窗格（Accordion）的情况下。本文将介绍如何 ，并提供一个案例代码来实现回发后保持当前 jQuery 手风琴窗格打开的功能。

html
  
Section 1
  
    
Content 1
  
  
Section 2
  
    
Content 2
  
  
Section 3
  
    
Content 3
  

javascript
$(function() {
  $("#accordion").accordion({
    collapsible: true,
    active: false
  });
  $("#accordion").on("accordionactivate", function(event, ui) {
    var activeIndex = $(this).accordion("option", "active");
    // 将 activeIndex 保存到隐藏字段或会话状态中
  });
});

csharp
protected void Page_Load(object sender, EventArgs e)
{
  if (IsPostBack)
  {
    string activeIndex = Request.Form["hfActiveIndex"];
    if (!string.IsNullOrEmpty(activeIndex))
    {
      int index = Convert.ToInt32(activeIndex);
      // 将 index 设置为手风琴窗格的活动索引
      ScriptManager.RegisterStartupScript(this, GetType(), "ActivateAccordion", $"$('#accordion').accordion('option', 'active', {index});", true);
    }
  }
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
  // 处理表单提交事件
  // 保存当前打开的窗格索引到隐藏字段或会话状态中
  string activeIndex = Request.Form["hfActiveIndex"];
  if (!string.IsNullOrEmpty(activeIndex))
  {
    // 保存 activeIndex 到隐藏字段或会话状态中
  }
}