隐藏/显示DIV
您好所有我试图隐藏/显示加载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';
将您的JavaScript添加到<body onload="">
,这样当页面完成渲染时,它会隐藏您的div。
css在渲染时间或重新渲染时间期间对JavaScript表现出优先。
对于divs没有onload事件,only certain tags。
但是,这并不意味着你运气不好。为什么这个特殊的div需要比其他的HTML更长的时间?
例如,如果内部有大图像,则可以为这些图像加载事件,并在加载完成后显示div。
问题是,当页面加载(按下按钮后)div隐藏没有错误,但是当页面加载完成时,该div再次出现 –
@JoãoMarceloBrito类型为“submit”的按钮?如果是这样,你的div暂时隐藏,但整个页面正在从服务器重新加载。发生这种情况时,所有的html都会重置,包括div的“可见性”属性。不知道这是你的问题,也许你可以编辑你的问题,包括按钮,它是相关的JavaScript? –
您应该恢复可见性以显示并使用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 onload="hidebox()">
和问题是什么? – Joseph
确定页面是否已加载的代码在哪里?你使用任何AJAX?有一件事我会立即改变蝙蝠而不是使用'visibility'属性,使用'display'属性和block/none。 –
你有没有尝试把JavaScript作为页面的最后内容 - 通过这个大多数页面元素将被加载。你也可以实现使用jQuery $(document).ready(...)功能 – codingbiz