加载元素。之后，将另一个元素加载到已加载的元素中

Question

我建立了一个网站，我的框架，主要的菜单和横幅，总是存在。

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

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

rask现在是为了检查加载第一个div元素的时间并将一些东西加载到这个元素中。

示例：

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

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

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

});

Javascript忽略了命令行：     $（ “＃firstlowerside_div”）。负载（ “secondlowerside.html”） ，因为“firstlowerside.html”在这个时候还没有出现。

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

Answer 1

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

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