1

Loadingページがまだ読み込まれていないときに画像を表示したい。ページをロードする前blank white pageに、ユーザーに表示されます。だから、私は白い空白を削除したい。

ページのデータベース ヒットが多すぎるため、読み込みが少し遅くなります。

この投稿を確認しましたが、うまくいきません。

blogpost<![CDATA[に記載されているように、スクリプトの前に追加して確認しました。それはうまくいきません。

最後に、重複していますが、Asking a Question にたどり着きました。

これが私のスクリプトです。

<script src="../../Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
    // <![CDATA[
        $(window).load(function () {
            $("#divLoading").fadeOut("slow");
        });
    // ]]>
</script>

そして体内で

<body style="background-color: white;">
    <div id='divLoading'>
        <div class="loading" align="center" id="divImageLoader">
            <img src="../../ItemSelectorImages/ajax-loader_bluish.gif" alt="Loading..."/>  Loading 
        </div>
    </div>
</body>

読み込みの CSS は次のとおりです。

.loading
{
    font-family: Arial;
    font-size: 10pt;
    padding:20px;
    position: fixed;
    background-color: #ffffff;
    z-index: 99999;
    border-radius:5px;

}

私のコードの何が問題でしたか? 誰かが指摘したり、実用的な解決策を提供したりできますか。

乾杯 ！！！

カーシック

4

1 に答える 1

3

私はこの質問に対する解決策を得ました。

問題は div 要素の高さや画像/CSS の問題ではありません。

問題はscript、ウィンドウの読み込みが完了した直後に実行される別のものにあります。スクリプトには、DOM の準備ができており、残りの JavaScript 関数が含まれています。

window.load の後に実行される次のスクリプトを削除し、body タグの末尾に配置しました。

<body style="background-color: white;">
    <div id='divLoading'>
        <div class="loading" align="center" id="divImageLoader">
            <img src="../../ItemSelectorImages/ajax-loader_bluish.gif" alt="Loading..."/>  Loading 
        </div>
    </div>
</body>
//The following second script is placed here so as to load after the body load is complete.
<script>
       includes DOM Ready, and some javascript functions to be called.
</script>

前提:$(window).load(function () {スクリプトが完了した後、他のスクリプトをさらに実行するべきではないと思います。

コメントしてくれたすべての人に感謝します。

私の仮定が間違っている場合は、loading画像が表示されなくなった本当の問題について言及してください。

于 2013-09-18T11:31:38.067 に答える