javascript - 第二个 $(document).ready 事件 jQuery

Question

我正在使用一些带有 $(document).ready() 的外部 jQuery 在文档就绪事件触发后插入广告，例如:

$(document).ready( function() {
  $('#leaderboard').html("<strong>ad code</strong>");     
});

这是为了防止用户界面因广告加载缓慢而被阻塞。到目前为止，它运行良好。

现在我需要通过我们的 CMS 系统插入更多广告，这不能是外部 JS 文件的一部分，所以我想知道我是否可以使用第二个文档就绪事件并使用内联脚本标记插入它？如果是这样，外部 JS 文档就绪事件先执行还是内联脚本的执行顺序是什么？

Answer 1

您可以根据需要使用任意数量的事件方法，jquery 将它们加入队列中。方法调用顺序与定义顺序相同 - 最后添加的是最后调用的。

一个有用的可能是，您可以使用 ajax 加载带有脚本的 html 代码，当代码加载到 DOM 时 $().ready() 也会被调用，因此您可以动态加载广告。