javascript - 加载另一个 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>

我想要的是，在页面加载时，html 显示 <div id='loader'>和 <div id='other'>当 JS/JQuery 成功加载 <div id='show'>然后隐藏<div id='loader'>

你能帮帮我吗？

Answer 1

.load() 提供一个 callback 你可以使用它。刚刚用以下内容更新了你的 js

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