html - 加载内容后显示 div

Question

我有 4 个 div（div1、div2、div3、div4），我想在每个 div 的内容加载后单独显示。

例如，加载 div1 的内容后，显示 div1 ... 加载 div2 的内容后，显示 div2 ... 以此类推。

我知道如何在加载所有内容后显示整个页面的内容，但是如果不为每个 div 编写相同的代码，我找不到一种方法，我想知道一个优化的方法来做到这一点。

另外，我想在加载内容时在每个 div 中显示一张图像。

提前致谢

Answer 1

好像你正在搜索的东西是jQuery 队列

Answer 2

在您的主文档中，您可以像这样隐藏 DIV：

<div id="classname" style="overflow:hidden; display:none;">

然后在加载内容的代码末尾（假设您执行类似 sql 数据加载的操作）只需调用一个函数来显示 DIV，如下所示：

ShowHide('classname');

该函数看起来像这样：

function ShowHide(h) {
    var tbl = document.getElementById(h);
    tbl.style.display == 'block' ? tbl.style.display = 'none' : tbl.style.display = 'block';
}

为了同时显示加载图像，可能会在显示主 DIV 的同时创建另一个隐藏的 DIV。我确定我在那里