在asp.net回發之前如何運行jQuery

Question

我想運行帶有動畫/淡入淡出框的jQuery代碼。 該框是一個ASP列表視圖，其中包含來自數據庫的數據。 當用戶單擊框上的“刪除”時，將執行update命令，因此將更新數據庫中的數據，但由於頁面已刷新，因此不會執行jquery的淡出動畫。 如何首先用jquery淡出框，然后回發頁面？

Answer 1

您可以使用以下JS淡出beginRequest函數中的框

jQuery(function ($) {
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_beginRequest(function (source, args) {
        // code to fade out the box
    });
    prm.add_endRequest(function (source, args) {
        // any other code you want to execute after the post back finishes
    });
});

確保將ScriptManager和UpdatePanel添加到您的頁面。 有關更多詳細信息，請檢查此MSDN參考。

Answer 2

您可以使用刪除按鈕的“ OnClientClick”屬性來運行jQuery。

然后，您可以從jQuery方法返回動畫已運行並結束的動畫，然后確認對PostBack的調用。

按鍵：

<asp:Button id="btnDelete" runat="server" OnClientClick="return runAnimation()" OnClick="btnDelete_Click" text="Delete" />

jQuery的：

function runAnimation()
{
   // animate 
   return true; // Do postback

   // problem
   return false; // Don't do postback
}