2013-02-26 107 views
2

我建立了一个网站,我的框架,主menue和横幅,总是存在。加载一个元素。之后,加载到另一个元素到加载元素

我创建了一个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” 心不是已经存在在这个thime。

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

回答

6

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

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

您可以随时使用Promise对象上的.done()回调来添加更多。 – Derek 2013-02-26 20:33:10

+0

该死的很简单。谢谢:-) – user1238115 2013-02-26 20:42:20

+0

@Derek我同意使用'.done'会更好,但为什么你的意思是“你总是可以添加更多”? – Ian 2013-02-26 20:55:53