加载 ASP.NET WebForm 默认页面后的 blockUI 和 unblockUI

【问题标题】：blockUI while loading and unblockUI after loading ASP.NET WebForm default page加载 ASP.NET WebForm 默认页面后的 blockUI 和 unblockUI
【发布时间】：2014-10-25 13:45:52
【问题描述】：

我目前有一个 ASP.NET WebForm“Default.aspx”，它使用来自另一个网页的 POST 数据调用。加载需要一段时间，我会看到一段时间的空白页。

我想在加载发生时阻塞UI，然后在加载完成时调用unblockUI。

我应该挂钩哪个事件来阻止 UI？

我可以在 window.load 事件中使用 unblockUI。

【问题讨论】：

标签： javascript jquery asp.net webforms jquery-blockui

【解决方案1】：

您可以为此添加 jquery.blockUI.js。尝试在发生 ajax 调用时添加它并同样取消阻止它。：

$(document)
    .ajaxStart(function () {
    $.blockUI(); 
/*      for css style
    $.blockUI({css: { border: 'none',
            padding: '5px',
            backgroundColor: '#000',
            '-webkit-border-radius': '5px', 
            '-moz-border-radius': '5px',
            opacity: .5, color: '#fff' },
            message: "Loading..."}); */
    })
    .ajaxStop(function () {
     $.unblockUI();
    });

【讨论】：

我在加载默认页面时没有 AJAX 调用。那么什么时候调用blockUI呢？