jQuery弹出一个对话框，直到整个页面加载完毕

Question

jQuery会弹出一个窗口，直到整个页面加载完毕，并且不允许在鼓励的外部单击。 提前致谢

Answer 1

您可以在不使用jQuery的情况下执行此操作，也可以使用jQuery编写一些代码以确保页面已准备就绪。

您可以在页面html的第一行中添加一个大div：

<head></head>
<html>
 <body>
   <div class="bigFullScreen"></div>
   .......... the rest of the page html
 </body>
</html>

并且在javascript中：

$(function () {
   $('.bigFullScreen').hide();
});

要么：

 $(document).ready(function () {
   $('.bigFullScreen').hide();
});

先前的html和jQuery将确保big div会首先出现，并且仅在呈现页面的所有html时，jQuery函数才会将其隐藏。

更新：您也可以等到所有HTML（包括所有图像）准备就绪： http : //amrelgarhy.com/blog/how-to-tell-when-images-have-loaded/

Answer 2

您可以查看使用JQuery UI对话框并将modal设置为true的情况。

如何删除jQuery UI对话框上的关闭按钮？ 有关“锁定”对话框的信息。 您还需要将CloseOnEscape设置为false。