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

将您的 javascript 添加到<body onload="">，这样当页面完成渲染时它将隐藏您的 div。

css 在渲染时间或重新渲染时间优先于 javascript。

于 2012-05-31T21:59:48.387 回答
1

div 没有 onload 事件，只有某些 tags。

然而，这并不意味着你不走运。为什么这个特定的 div 加载时间比你的 html 的其余部分要长？

例如，如果您在其中有大图像，那么您可以为这些设置 onload 事件，并在它们全部完成加载时显示 div。

于 2012-05-31T22:09:23.837 回答
1

您应该恢复可见性以显示和使用块/无。

如果您按照我的步骤（稍后...），那么您将需要获取 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 onload="hidebox()">
于 2012-06-01T00:00:57.590 回答