0

我有一个带有非常大表格的页面,我想显示加载动画,直到加载表格。目前我正在使用以下解决方案。在<body>我有一个 div 之后:

<div id="loading"></div>

</body>在我使用以下 JS之前的页面末尾:

$(document).ready(function(){
    $('#loading').fadeOut();
});

问题是,在 Firefox 中,页面似乎在显示之前已完全加载。因此,如果我在网页上并单击指向我的表格的链接,Firefox 只会处理几秒钟,然后显示带有表格的整个页面。“正在加载<div>”只是闪烁很短 - 因为页面加载得非常快。当 Firefox 正在处理页面时,如何解决这个问题并显示我的加载 div?

4

3 回答 3

1

将 adiv #loading与您的加载信息 / 一起使用.gif,它将覆盖您的所有页面:

<div id="loading">
     <img src="loading.gif" alt="Loading" />
     Loading...
</div>

jQuery:

$(window).load(function(){

   // PAGE IS FULLY LOADED  
   // FADE OUT YOUR LOADING DIV
   $('#loading').fadeOut();

});

而不是$(document).ready()使用$(window).load

于 2013-10-08T10:45:46.463 回答
1

这可能会有所帮助:

$(document).ready(function(){
    $('#loading').fadeOut();
    $('.tables').css('display', 'none').fadeIn('slow');
});

它会给你一种微妙加载的错觉。

于 2013-10-08T10:42:40.357 回答
1

将此添加到页面的头部标签

$(window).load(function() {
   $("#loading").fadeOut();
});
于 2013-10-08T11:11:38.480 回答