gpt4 book ai didi

javascript - 在页面加载时显示加载图像

转载 作者:行者123 更新时间:2023-11-30 12:56:38 25 4
gpt4 key购买 nike

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

该页面对数据库的访问过多,因此加载速度有点慢。

我检查过 this发布,但这不起作用。

我已经通过添加 <![CDATA[ 进行了检查脚本前面,如 blogpost 中所述.那行不通。

虽然它是重复的,但我终于登陆了提问。

最后是我的脚本。

<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;

}

我的代码有什么问题?有人可以指出或提供工作解决方案。

干杯!!!

卡尔提克

最佳答案

我找到了这个问题的答案。

问题不在于 div 元素的高度,也不在于图像/CSS 问题。

问题出在窗口加载完成后立即执行的另一个脚本,该脚本包括 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 图像显示的真正问题。

关于javascript - 在页面加载时显示加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18869623/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com