我已在在C#以下:ASP.NET AJAX异步回丢失后jQuery的CSS变化
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<span id="header" class="hideMe">
(other irrelevant tags and controls)
</span>
<div>
(other irrelevant tags and controls)
</div>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnSubmit" />
</Triggers>
</asp:UpdatePanel>
而下面的jQuery
if ($) {
$(document).ready(function() {
$('#header').click(function ($e) {
if ($(this).hasClass('hideMe')) {
$('#header').removeClass('hideMe');
$('#header').addClass('showMe');
}
else {
$('#header').removeClass('showMe');
$('#header').addClass('hideMe');
}
}
});
}
jQuery的工作只是罚款(即 - 如果我点击在标题跨度上并且hideMe类是当前的,那么它将删除hideMe并添加showMe,反之亦然)。
但是,当我点击btnSubmit时,会发生异步回发并导致标题跨度重置为其原始状态(这将与应用hideMe类相同)。
如何让标题跨度保持在点击提交按钮时的状态,并且不恢复到页面加载时的状态?
这可以帮助你:http://stackoverflow.com/questions/256195/jquery-document-ready-and-updatepanels/256253#256253 – 2012-04-02 19:14:25
@Gerson - 感谢您的链接!它给了我一个合理的解决方案。 – Jagd 2012-04-03 15:19:31
Gerson - 如果您愿意将该链接作为答案,那么我会将其投票并将其作为答案进行检查。 – Jagd 2012-06-22 17:53:08