jquery - 事件监听器应该在 document.ready 函数内部还是不重要？

Question

当我使用时:

$(document).ready(function(){

});

我的事件监听器(例如 $('button').click(function(){}) 应该根据约定进入 doc.ready 函数内部还是外部？

Answer 1

您应该在加载文档对象模型后将需要初始化的任何内容放入其中。包括事件监听器。

“根据约定，我的事件监听器(例如 $('button').click(function(){}) 应该进入 doc.ready 函数内部还是外部？”

HTML 是从上到下解释的，因此如果您的 JS 文件位于您的 head 中并且您没有将其放置在 .ready 事件中，那么它将无法找到您的按钮，因为它们尚未生成。

如果你把它放在你的 .ready 事件中，它基本上是告诉 js 等待，直到生成完整的 dom 对象，这样 btn 就会被找到并绑定(bind)。

另一方面，有些人坚信将他们的 js 文件放在页面的最底部。由于 HTML 是从上到下解释的，因此 js 文件将在 dom 的“内容”生成后加载，并且您不需要将事件绑定(bind)封装在 .ready 内