ASP.net+jQuery+div遮罩

最近在做ASP的項目，在處理像原頁面鎖定，彈出操作框或提示框這樣的碰到了釘子，雖然技術以及代碼都是現成的，但是感覺網上搜索匹配的也很少，所以發(fā)一篇博文記錄一下。

效果圖如下：

部分代碼：

<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
        <asp:UpdatePanel runat="server" ID="UpdatePanel1">
            <ContentTemplate>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.blockUI.js"></script>
<script type="text/javascript" src="js/chili-1.7.pack.js"></script>
 <script type="text/javascript">
$(document).ready(function() {
    $('#demo1').click(function() {
        $.blockUI({ message: $('#loginForm')});
        $('#Button1').click($.unblockUI);
        $('#Button2').click($.unblockUI);
       $('#loginForm').parent().appendTo(jQuery("form:first"));
    });
     }); </script>
                <asp:Button ID="demo1" runat="server" Text="彈出遮罩層" />

這里需要注意的有一下三點（紅色字體標注）：

1.四個js文件路徑一定要寫對

2.#后面為控件ID，如果該頁面繼承了母版，那么需要將'#demo1'改寫為'#<%=demo.ClientID %>'，這是因為客戶端生成頁面后怕母版和繼承于母版的頁面某些控件的ID會沖突，所有控件ID會重新生成一次。

3.要觸發(fā)button服務器端的事件，必須加上$('#loginForm').parent().appendTo(jQuery("form:first"));這行代碼保證了當前遮罩層所屬form和母版form是同一個。