javascript - 使 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在您准备好的处理程序中动态插入内容。这样它就不会阻碍页面的主要呈现。