0

こんにちは、読み込み中の div を非表示/表示しようとしましたが、問題があります: ページが読み込まれた後、div が再び表示されます...使用しているコードは次のとおりです

 <div id="LoadContent" style="visibility: visible">
            Please wait while we check our databases....
            <br/>
            <img src="images/ajax-loader.gif" id="LoadImg">
        </div>

document.getElementById('LoadContent').style.visibility = 'hidden';
4

3 に答える 3

1

可視性を表示に戻し、block/none を使用する必要があります。

私の手順に従う場合 (後で..)、jquery ライブラリを取得する (ヘッダーに追加する) 必要があります。次に例を示します。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js" type="text/javascript"></script>

一方、jquery を使用すると、コーディングが大幅に削減されます。

<script type="text/javascript">
function hidebox(){
    $("#LoadContent").toggle();
}
</script>

body タグは次のようになります。

<body onload="hidebox()">
于 2012-06-01T00:00:57.590 に答える
1

JavaScript を に追加する<body onload="">と、ページのレンダリングが終了したときに div が非表示になります。

css は、レンダリング時または再レンダリング時に JavaScript よりも優先されます。

于 2012-05-31T21:59:48.387 に答える
1

div の onload イベントはなく、特定のタグのみです。

しかし、それはあなたが運が悪いという意味ではありません。この特定の div の読み込みに、残りの html よりも時間がかかるのはなぜですか?

たとえば、その中に大きな画像がある場合は、これらの onload イベントを作成し、すべての読み込みが完了したときに div を表示できます。

于 2012-05-31T22:09:23.837 に答える