ajax回調屏蔽屏幕

我想在有Ajax活動時屏蔽我的網頁屏幕，並在ajax活動結束時解除屏蔽。爲此，我正在使用塊ui。但它不適合我的情況，我不知道爲什麼。這裏是我的代碼：ajax回調屏蔽屏幕

<head runat="server"> 
<script type="text/javascript" src="jQuery 1.10.1.min.js"></script> 
<script type="text/javascript" src="blockui.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI); 
    }); 
</script> 
<title></title>

<body> 
    <form id="form1" runat="server"> 
    <div> 
     <input id="Button1" type="button" value="button" onclick="__doPostBack('UpdatePanel1', '');" /> 
    </div> 
    <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
     <ContentTemplate> 
      <div id="blockit" style="width: 200px; height: 200px;"> 
      </div> 
     </ContentTemplate> 
    </updatepanel> 
    </form> 
</body> 
</html>

我不知道什麼是錯我的代碼。請幫助我

來源

2013-07-03 user2465744

這是它只是如何做在他們的文檔中。也許你應該聯繫作者。 – mekwall

當您使用UpdatePanel時，您可以使用附帶的JavaScript函數。 jQuery函數不起作用，因爲它們用於jQuery ajax調用，不適用於UpdatePanel。

因此，您可以在打開和關閉全屏div的位置設置此代碼。

<script type="text/javascript"> 
    // if you use jQuery, you can load them when dom is read. 
    $(document).ready(function() { 
     var prm = Sys.WebForms.PageRequestManager.getInstance();  
     prm.add_initializeRequest(InitializeRequest); 
     prm.add_endRequest(EndRequest); 
    });   

    function InitializeRequest(sender, args) { 
     // Open the full wait screen 
     $("#overlay").show(); 
    } 

    function EndRequest(sender, args) { 
     // close the full wait screen 
     $("#overlay").hide();  
    } 
</script>

更新：關於系統。 - >http://msdn.microsoft.com/en-us/library/bb311028.aspx

而在HTML覆蓋部分....

<div id="overlay" style="display:none;"> </div>

CSS

#overlay { 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    background-color:#000; 
    opacity: .75; 
    z-index: 9999999; 
}

位參考： http://dabblet.com/gist/2894437
https://stackoverflow.com/a/10945291/159270

來源

2013-07-03 06:24:33 Aristos

ajax回調屏蔽屏幕

回答

相關問題