我已在在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