阻止用户在加载页面时执行任何操作

Question

我有一个标签式Web应用程序,我还在页面转换之前创建了图像缓存,因此当用户访问页面时,我确保在转换到该页面之前下载所有图像.

当我点击包含许多图像的标签时,我会显示一个微调器并开始在后台下载图像,然后在完成后我将显示该页面.

但我想在我这样做的时候冻结任何用户输入或点击.那么冻结和解冻整个页面的最佳方法是什么？

Answer 1

您可以使用名为jQuery Block UI的预定义jQuery UI

或者只是添加一个会阻挡身体的分裂,并在身体加载时淡出.

<div id="div">
    <h1>Please Wait..</h1>
</div>

jQuery将是:

$(document).ready(function(){
    $("#div").fadeOut()
  });

这是工作示例.页面将被阻止,直到图像完全加载.