Jquery 可折叠面板在更新面板内发生异步更新事件后不展开?

Jquery 可折叠面板在更新面板内发生异步更新事件后不展开?,jquery,asp.net,twitter-bootstrap,asynchronous,Jquery,Asp.net,Twitter Bootstrap,Asynchronous,我正在使用ASP.net开发网站。我有一个页面,用户可以在其中输入他的简历。因此,我将以1分钟的间隔异步地将细节保存到数据库中,就像在电子邮件服务器中一样。草稿 所以我有可折叠的面板来分类用户的数据 下面是面板的代码 <asp:UpdatePanel runat="server" UpdateMode="Conditional" ID="uppnlVacancy"> <div class="panel panel-primary">

我正在使用ASP.net开发网站。我有一个页面,用户可以在其中输入他的简历。因此,我将以1分钟的间隔异步地将细节保存到数据库中,就像在电子邮件服务器中一样。草稿

所以我有可折叠的面板来分类用户的数据

下面是面板的代码

      <asp:UpdatePanel runat="server" UpdateMode="Conditional" ID="uppnlVacancy">
  <div class="panel panel-primary">

            <ContentTemplate>
                <div class="panel-heading">
                    <h1 class="panel-title">Vacancy
              <asp:Literal runat="server" ID="litVacancy"></asp:Literal>
                    </h1>
                    <span class="pull-right clickable"><i class="glyphicon glyphicon-chevron-down"></i></span>
                </div>
                <div class="panel-body panel-collapse collapse">
                    <div class="row">
                        <div class="col-md-4">
                            <asp:Literal runat="server" Text="Designation"></asp:Literal>
                            <br />
                            <asp:DropDownList ID="ddDesignation" runat="server" Width="100%" CssClass="form-control">
                            </asp:DropDownList>
                        </div>
                        <div class="col-md-4">
                            <asp:Literal runat="server" Text="Specialization"></asp:Literal>
                            <br />
                            <asp:DropDownList ID="ddSpecialization" runat="server" Width="100%" CssClass="form-control">
                            </asp:DropDownList>
                        </div>
                    </div>
                    <br />
                    <asp:Literal runat="server" Text="Expertise / Skills ( Use comma to separate )"></asp:Literal><br />
                    <asp:TextBox runat="server" TextMode="MultiLine" Rows="3" CssClass="form-control" ID="txtSkillSet"></asp:TextBox>
                </div>

    </div>
            </ContentTemplate>
        </asp:UpdatePanel>
所以上面的代码工作正常。请按预期更新标签。但在更新发生后,可折叠文件无法工作。当我更改数据库中的记录时,标签仍在更新


那怎么了

我对ASP.NET不太熟悉,但如果您正在动态更改。面板标题,您可能应该改为:

$("body").on("click",".panel-heading span.clickable", function (e) {
您可能对该DOM元素进行了足够多的修改,从而解除了click事件的绑定

<asp:UpdatePanel runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Timer runat="server" Interval="3000" OnTick="Unnamed_Tick"></asp:Timer>
    </ContentTemplate>
</asp:UpdatePanel>
 protected void Unnamed_Tick(object sender, EventArgs e)
        {
            ShowSummary();
            uppnlVacancy.Update();
        }
$("body").on("click",".panel-heading span.clickable", function (e) {