javascript - 加载一个元素。之后将另一个元素加载到加载的元素中

Question

我建立了一个网站，我的框架、主菜单和横幅始终存在。

我创建了一个 div 元素，我可以在其中动态加载我想要的所有内容。

但是现在我遇到了一个问题。如果有人单击链接，我想将 html 文档加载到我的 div 框架中。完成此操作后，应将另一个 html 文档加载到新加载的 html 文档的一部分中。

现在的任务是检查第一个 div 元素何时加载并向该元素加载一些内容。

一个例子:

$("#examplelink").click(function() 
{

$("#mainsite").load("firstlowerside.html");

$("#firstlowerside_div").load("secondlowerside.html");

});

Javascript 忽略了命令行: $("#firSTLowerside_div").load("secondlowerside.html")，因为此时“firSTLowerside.html”还不存在。

有人能告诉我如何检查文档是否已加载到我的 div 中并在此之后开始执行第二个命令吗？

Answer 1

.load有一个完整的回调参数，您可以传递一个将在加载内容后触发的函数。

$("#mainsite").load("firstlowerside.html", function(){
    $("#firstlowerside_div").load("secondlowerside.html");
});