jquery - 什么时候不应该使用 $(document).ready(function() 作为事件处理程序？

Question

我是 jquery 和 javascript 新手，只是想知道，为什么您不想为所有事件处理程序使用 .ready() 函数？

如果用户在整个页面呈现之前将输入发送到鼠标事件或键盘事件，难道不会存在潜在问题吗？

Answer 1

永远不应该出现这种情况，当 DOM 加载时，jQuery 文档就绪就会触发。它不会等待完整页面(包括图像等)加载。用户能够及时使用react以尝试在执行代码之前触发某些操作的情况是极其罕见的。阅读此内容:http://api.jquery.com/ready/

具体来说，第一段:

While JavaScript provides the load event for executing code when a page is rendered, this event does not get triggered until all assets such as images have been completely received. In most cases, the script can be run as soon as the DOM hierarchy has been fully constructed. The handler passed to .ready() is guaranteed to be executed after the DOM is ready, so this is usually the best place to attach all other event handlers and run other jQuery code.

因此，使用 $(document).ready(function() { }) 或等效的 $(function() { }) 始终是一个很好的做法。

编辑:为了进一步确保用户永远不会遇到麻烦，请确保您的脚本全部托管在您的网站旁边。例如，jQuery 可以选择使用 CDN。 CDN 很好，但如果出于某种原因用户可以访问您的网站但不能访问 CDN，则可能会使您的页面处于无用状态。