使用jquery加载屏幕

Question

  

可能重复：
  How to show Page Loading image/div/text until the page has finished loading/rendering

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

Answer 1

很简单：

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

所以，在你的html中，制作一个100％宽度和高度的固定或绝对div ..（我建议将溢出转为隐藏，这样你就没有滚动条（宽度+填充+边距=＆gt; 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>

这可能不会等待加载图片，为此您将成为一个循环，检查是否在触发.remove（）之前加载了图片;