1

我想Loading在页面尚未加载时显示图像。在加载页面之前，它blank white page会向用户显示一个。所以，我想删除白色的空白区域。

该页面的数据库命中次数过多，因此加载速度有点慢。

我已经检查了这个帖子，但这不起作用。

正如博文中所述，我已经通过添加<![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 回答