在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
}