4

私は問題があります。私は CMS に取り組んでいます。その名前は Dolphin です。簡単に言うと、重いコード (jQuery、javascript、php、HTML、画像など) を含むブロックを作成しました。私がやりたいことは、このブロックのコンテンツが完全に読み込まれるまで、読み込み中の画像を表示することです。奇妙に思えるかもしれませんが、DIV にはプリロード関数が必要です。これを使用しないと、div の構成が遅くなるのを見ることができるので、これを行う必要があります。これはひどいことです。これに役立つ優れたjQueryまたはjavascript関数を知っていますか? コンテンツが完全に読み込まれるまで、DIV の中央にある読み込み中の画像です。ロードされるとすぐに表示されます..ありがとうございます！

4

2 に答える 2

6

秘訣は、デフォルトで実際のdivを非表示に設定し、その上に「お待ちください」divを配置します。重いコーディングの最後に、「お待ちください」divを非表示にして実際のdivを表示する行を追加します。

必要なHTMLのサンプルコード：

<div id="pnlPleaseWait">
   Loading please wait...
<div>
<div id="pnlMain" style="display: none;">
   ....heavy stuff going on here...
   ....heavy stuff going on here...
   ....heavy stuff going on here...
</div>

そして、重い処理の最後のjQuery行：

$("#pnlPleaseWait").hide();
$("#pnlMain").show();
于 2011-05-13T22:30:48.380 に答える