0

非常に大きなテーブルを含むページがあり、テーブルが読み込まれるまで読み込みアニメーションを表示したいと考えています。現時点では、次のソリューションを使用しています。<body>divを作成した直後:

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

そして</body>、次の JS を使用する前のページの最後に:

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

問題は、Firefox では、ページが表示される前に完全にロードされているように見えることです。そのため、Web ページでテーブルへのリンクをクリックすると、firefox は数秒間処理を行った後、テーブルを含むページ全体が表示されます。「読み込み中<div>」は非常に短い点滅です。これは、ページが非常に高速に読み込まれるためです。Firefox がページを処理している間に、それを修正して読み込み中の div を表示するにはどうすればよいですか?

4

3 に答える 3

1

これは役立つかもしれません：

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

微妙な負荷の錯覚を与えます。

于 2013-10-08T10:42:40.357 に答える
1

ページ全体をカバーdiv #loadingするロード情報 /でa を使用します。.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 に答える