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

Question

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

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

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

现在的 rask 是检查第一个 div 元素何时已加载并将某些内容加载到该元素中。

一个例子：

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

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

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

});

Javascript 忽略命令行： $("#firstlowerside_div").load("secondlowerside.html") ，因为此时“firstlowerside.html”不存在。

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

score 6 · Accepted Answer

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

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

1 回答 1