Jquery弹出一个弹出窗口,直到加载整个页面

时间:2011-03-01 14:47:41

标签: javascript jquery

Jquery弹出一个弹出窗口,直到加载整个页面 并且不允许在外面点击 鼓励任何帮助。 提前致谢

2 个答案:

答案 0 :(得分:3)

你可以在没有jQuery的情况下做到这一点,你也可以使用jQuery编写一些代码来确保页面准备就绪。

您可以在页面的第一行添加一个大div:

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

在javascript中:

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

OR:

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

之前的html和jQuery将确保big div出现在第一件事上,当页面的所有html呈现时,jQuery函数将隐藏它。

更新:您还可以等待所有html,包括所有图片准备就绪: http://amrelgarhy.com/blog/how-to-tell-when-images-have-loaded/

答案 1 :(得分:0)

您可以查看使用JQuery UI dialog并将modal设置为true。

How to remove close button on the jQuery UI dialog?包含有关“锁定”对话框的信息。您还需要将CloseOnEscape设置为false。