我正在运行一个异步的第 3 方脚本，该脚本将图片库加载到我的页面中，但不幸的是，他们的代码在他们的图片库完成加载后没有为我提供回调。
模态框是这样开始的:
<div class="modal-body">
<div class="container-fluid" id="cincopa">
</div>
</div>
图库加载后，模式如下所示:
<div class="modal-body">
<div class="container-fluid" id="cincopa">
<div id="ze_galleria">
//gallery stuff
</div>
</div>
</div>
所以我需要一些方法来显示加载动画，直到 #ze_galleria 出现。加载动画功能我可以自己做，但是jQuery中有什么东西会在创建某个DOM元素时监听吗？一旦 DOM 元素出现，它将运行回调以移除动画。
最佳答案
根据该脚本添加画廊/画廊项目的方式，您可以使用 DOMSubtreeModified 事件，然后检查是否添加了该特定项目
document.addEventListener("DOMSubtreeModified", function(e) {
if (document.querySelector("#ze_galleria")) {
// exists
}
});
这是一个 DOM 树事件列表，您可以在其中检查可能会使用的其他可能的事件。
更新
确保你也看一下 MutationObserver，因为它现在有很好的浏览器支持。
关于javascript - 显示加载动画直到 <div> 出现？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36016187/