Question

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

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

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

此外，我还想在加载内容时在每个div中显示图像。

提前致谢

Answer 1

似乎您正在搜索的内容是jQuery queue

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。我确定在那里

在加载内容后显示div

2 个答案: