在加載另一個div時隱藏div

Question

我有這個 ：

window.onload = function() {
    $("#show").load("show.php");
}

和我的html：

<div id='loader'>Loading Data</div>
<div id='show'></div>
<div id='other'>some text.........</div>

我想要的是，在頁面加載時，當JS / JQuery成功加載<div id='show'>隱藏html show <div id='loader'>和<div id='other'> <div id='show'>然后隱藏<div id='loader'>

你能幫助我嗎？

Answer 1

.load()提供一個可以使用的callback 。 剛剛使用以下更新了您的js

$("#show").load("show.php", function(){
   $('#loader, #show').toggle(); 
});

Answer 2

load（）具有一個在完成時運行的回調。 使用它可以顯示和隱藏相關的div。 您還應該使用jQuery ready函數而不是window.onload，以便頁面不必等待所有資源（圖像等）就可以在php中加載：

$(document).ready(function() {
    $("#show").load("show.php", function() {
        $('#loader').hide();
    });
});

編輯：超級用戶的答案比使用.hide（）提供了更好的解決方案，希望我能想到！

Answer 3

就像@techLove 在這里的評論一樣，我發現它對我有效。 我將他的答案修改為：
$( "#show" ).load( "show.php", function() {$("#loader").css("display","none");});