隱藏/顯示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

回答

相關問題