隐藏/显示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';

来源

2012-05-31 João Marcelo Brito

和问题是什么？ – Joseph

确定页面是否已加载的代码在哪里？你使用任何AJAX？有一件事我会立即改变蝙蝠而不是使用'visibility'属性，使用'display'属性和block/none。 –

你有没有尝试把JavaScript作为页面的最后内容 - 通过这个大多数页面元素将被加载。你也可以实现使用jQuery $（document）.ready（...）功能 – codingbiz

代码

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

css在渲染时间或重新渲染时间期间对JavaScript表现出优先。

来源

2012-05-31 21:59:48 Tschallacka

对于divs没有onload事件，only certain tags。

但是，这并不意味着你运气不好。为什么这个特殊的div需要比其他的HTML更长的时间？

例如，如果内部有大图像，则可以为这些图像加载事件，并在加载完成后显示div。

来源

2012-05-31 22:09:23

问题是，当页面加载（按下按钮后）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()">

来源

2012-06-01 00:00:57 Andrew

回答

相关问题