使用jquery加载屏幕

Question

可能重复:
如何显示页面加载图像/ div /文本,直到页面完成加载/渲染

我想使用jquery显示整页加载屏幕.我之前从未使用过装载,所以我很困惑.我想要做的就是隐藏其他元素,直到加载所有脚本css图像和内容.我该怎么做？

Answer 1

非常简单:

1. 创建一个div来填充屏幕,您可以将加载图像或文本放在那里
2. 在你的html文件的末尾,或者使用jquery $(document).ready(function(){...}); 删除div.
3. 你提到所有'IMAGES'......可能还需要一点额外费用.

所以,在你的HTML中,制作一个100%宽度和高度的固定或绝对div ..(我建议将溢出转为隐藏,这样你就没有滚动条(宽度+填充+边距=> 100%)

<div id='loading_wrap' style='position:fixed; height:100%; width:100%; overflow:hidden; top:0; left:0;'>Loading, please wait.</div>

要么你可以把它放在头上,如下:

<script type='text'javascript'>
$(document).ready(function(){
    $('#loading_wrap').remove();
});
</script>

或者在html页面的末尾添加它(在关闭html标记之前):

<script type="text/javascript">$('#loading_wrap').remove();</script>

这可能不等待图片被加载,为此你将是一个循环,检查pic是否在触发.remove()之前加载;