head.ready（）vs. $（document）.ready

最近发现了head.js图书馆和男孩我很满意，虽然我对一件事情仍然有些困惑。

来自headjs.com：

当脚本到达时，已经触发了“DOM ready”事件，例如$（document）.ready（）。 如果加载的脚本依赖于该事件，请确保您的库可以处理此事件。 jQuery 1.4+有效。

考虑到这一点，如果$（document）.ready（）中的代码依赖于使用head.js加载的外部脚本，那么设置使用jQuery的页面的最佳方法是什么？

我们可以一起丢失$（document）.ready（）调用，并且仍然成功地设置了依赖于文档准备好的事件监听器之类的东西吗？ 例如：

head.js("script1.js", "script2.js", "script3.js", function() { $('#button').click(function(event) { alert("clicked"); }); }); 

或者我们是否要在函数中包装$（document）.ready（）？

只是想知道什么是最佳实践，以确保在需要的时候一切准备就绪。

Answer 1

无论哪种方式都很好。 如果DOM已经完全初始化，则立即调用传递给ready（）的处理程序。

为了获得较小的性能提升，您可能希望删除ready处理程序并直接包含代码，除非您依赖于副作用，例如将jQuery的$对象传递给处理程序。