Jquery 可折叠面板在更新面板内发生异步更新事件后不展开?
我正在使用ASP.net开发网站。我有一个页面,用户可以在其中输入他的简历。因此,我将以1分钟的间隔异步地将细节保存到数据库中,就像在电子邮件服务器中一样。草稿 所以我有可折叠的面板来分类用户的数据 下面是面板的代码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: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) {