使 document.ready 不等待特定的 DOM 元素完成加载

Question

我发现自己处于以下情况。我需要以某种方式不将 <div class="article-meta-social"></div> 元素及其所有内容包含到我的 document.ready 函数中。原因是，它具有来自 facebook、twitter、g+ 等的 api 链接......并且乘以几个帖子，它会导致 document.ready 函数中的内容被触发之前有一点延迟。 因此，我可以为此更改什么

$(document).ready(function(){

});

不等到.article-meta-social 及其内容准备就绪？

Answer 1

$(document).ready 依赖于原生的DOMContentLoaded 事件，该事件正如它所说的那样——在整个 DOM 被解析时触发。因此，要实现您想要的，请将.article-meta-social 的内容动态插入到您的就绪处理程序中。这样它就不会阻碍页面的主要呈现。