HTML页面加载问题和缓冲区

Question

我正在使用Django创建一个Web应用程序。

但是，严重依赖jQuery Dialog和Forms的页面需要很长时间才能加载（最多20秒）。

当页面加载时，它会缓冲几秒钟，然后在页面上显示所有内容。为了防止用户看到这个，我想添加一个加载缓冲区来隐藏所有内容，直到页面加载为止。

我把它添加到身体

<div class="loader">
</div>
<div id="body" style="display:none;">

并在document.ready：

中

$('#body').show();

然而，当它运行页面缓冲区几秒钟 - 什么都不显示 - 然后加载程序出现的时间很短（> 3秒），然后页面加载完全。

我不明白为什么装载机不会在整个加载阶段显示？

Answer 1

加载器不能那样工作。你必须做这样的事情：

jQuery(window).load(function() { 
    jQuery("#loaderInner").fadeOut(); 
    jQuery("#loader").delay(200).fadeOut("slow"); 
});

当你在这样的html代码中放置一个缓冲加载器时：

<div id="loader">
  <div id="loaderInner">
    <div class="someLoader"></div>
  </div>
</div>