javascript - jQuery - 在 .load 调用完成之前禁用 HTML 页面

Question

在初始 .load 调用完成之前禁用整个 HTML 页面的最简单方法是什么？ 我所说的禁用是指用户无法以任何方式与之交互。他们可以离开。

我正在使用 jQuery 1.2.6。是否将调用设置为同步而不是异步？如何在 .load 函数上为此设置选项？

更新
这似乎奏效了 - 我是不是错了？

function doSomething() {
     $.ajaxSetup({ async: false });
     $('#someArea').load('... args ...');
     $.ajaxSetup({ async: true });
}

Answer 1

用 HTML+CSS 拦截，用 jQuery 解锁

最好的方法是让您的 HTML 包含覆盖的 DIV，以阻止对页面内容的所有点击。所以它起到了面具的作用。此 mask 必须使用 CSS 进行定位、尺寸标注和样式设置。

当页面加载发生时，您可以使用 jQuery 并删除此掩码，从而启用您的页面。