想知道是否有人可以提供帮助，因为没有人解决这个问题！
您如何等待动态加载的元素（例如，另一个 .html 页面的特定 div）首先完全加载，然后才能触发函数？
.load正如这篇文章的 OP 所指出的那样，显然不会起作用
。
有任何想法吗？
非常感谢！
更新：更多信息：我正在使用.load从另一个页面加载一个 div 元素，该页面包含供 Galleria 使用的数据（使用.load的回调执行）。我目前正在使用setTimeout以确保加载 div，以便Galleria不会加载太快和空。但我不喜欢这项setTimeout业务，它过于拼凑解决方案。
要加载的 div：
<div id="source1" class="container">
<div class="thumbnails"><a href="images/gallery/recent/7.jpg"><img src="images/navigation/recent/7.jpg"/></a></div>
<div class="thumbnails"><a href="images/gallery/recent/6.jpg"><img src="images/navigation/recent/6.jpg"/></a></div>
<div class="thumbnails"><a href="images/gallery/recent/5.jpg"><img src="images/navigation/recent/5.jpg"/></a></div>
<div class="thumbnails"><a href="images/gallery/recent/4.jpg"><img src="images/navigation/recent/4.jpg"/></a></div>
</div>
<div id="source2" class="container">
<div class="thumbnails"><a href="images/gallery/recent/3.jpg"><img src="images/navigation/recent/3.jpg"/></a></div>
<div class="thumbnails"><a href="images/gallery/recent/2.jpg"><img src="images/navigation/recent/2.jpg"/></a></div>
<div class="thumbnails"><a href="images/gallery/recent/1.jpg"><img src="images/navigation/recent/1.jpg"/></a></div>
</div>
部分脚本：
$(document).on("click", "#menu", function(event) {
event.preventDefault();
var link = this.hash;
var ref = this.hash.replace("#", "") + ".html " + link;
var deferred2 = $.Deferred();
goLoad();
function goLoad(){
switch(link){
case "#recent":
$("#recent").css("height", window.innerHeight);
$("#recent").load(ref + " > *", null, goRecent());
break;
/*..other cases...*/
}
};
function goRecent(){
setTimeout(function(){
deferred2.resolve();
deferred2.done(doGallerySize, doGallery, goScroll)
function doGallerySize(){
$("#gallery").css("height", window.innerHeight);
}
function doGallery(){
Galleria.run("#galleria",{
dataSource:"#source1, #source2",
keepSource:true,
responsive:true,
thumbnails:false
});
}
function goScroll(){
$.smoothScroll({
scrollTarget: link,
afterScroll: function() {
$(".stickynav").sticky({topSpacing:0});}
});
}
}, 100);
}
});