c# - 在按钮 onclick 上调用 blockUI

Question

我试图在单击按钮后调用 blockUI，但无法让它工作。我做错了什么？

脚本:

    $(function() {
        $('#<%= btnSave.ClientID %>').click(function(e) {   
            e.preventDefault();   
            $.blockUI({   
                message: '<div><h1><img src="Images/busy.gif" />   Please wait...</h1>',
                css: { textAlign: 'center', border: '3px solid #aaa', padding: '10px, 0px, 0px, 0px' , verticalalign: 'middle' }  
            }); 
            var btn = document.getElementById("ctl00_ContentPlaceHolder1_btnHidden");
            btn.click();                 
        }); 
    }); 

按钮:

<asp:Button ID="btnSave" runat="server" Text="Save" CssClass="button" Width="200" />

Answer 1

由于您位于 UpdatePanel 中，因此请使用 .live()在这里，像这样:

$(function() {
    $('#<%= btnSave.ClientID %>').live('click', function(e) {   
        e.preventDefault();   
        $.blockUI({   
            message: '<div><h1><img src="Images/busy.gif" />   Please wait...</h1></div>',
            css: { textAlign: 'center', border: '3px solid #aaa', padding: '10px, 0px, 0px, 0px' , verticalalign: 'middle' }  
        }); 
        var btn = document.getElementById("ctl00_ContentPlaceHolder1_btnHidden");
        btn.click();                 
    }); 
}); 

.live()在 document 级别监听来自 btnSave 的点击以冒泡...因此当添加、删除、替换元素等时它会起作用(并且您的 UpdatePanel 是每次回发都替换它)，其中 .click() 直接附加到元素...并且点击处理程序在元素被替换时丢失。