HTMLページの読み込みに問題とバッファーがあります

Question

私はDjangoを使ってWebアプリケーションを作成しています。

しかし、jQuery DialogとFormsに大きく依存するページは、読み込みに時間がかかります（最大20秒）。

ページが読み込まれると、数秒間バッファーされ、ページ上のすべてのものが上に表示されます。ユーザーにこれを見せないように、ページが読み込まれるまですべてを非表示にするローディングバッファを追加したかったのです。

私は身体document.readyで

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

、これにこれを追加しました：これは数秒間ページバッファを実行するときしかし、

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

- 何も表示されません - その後、ローダー非常に短期間（> 3秒間）表示され、ページが完全に読み込まれます。

ロードフェーズ全体でローダーが表示されないのはなぜですか？

Answer 1

ローダーはそのようには動作しません。あなたは、このようにHTMLコードでバッファ・ローダを配置すると

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

：あなたはこのような何かをしなければならない

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