head.ready()对$(document).ready

Question

最近发现了head.js库，男孩，我很高兴它，虽然我仍然有点困惑的事情。

来自headjs.com：

“DOM就绪”事件(如$(document).ready() )已经在脚本到达时触发。如果加载的脚本依赖于该事件，请确保库能够处理该事件。jQuery 1.4+工作。

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

我们能否失去$( document ).ready()调用，然后仍然成功地设置像事件侦听器这样的东西，而这些事件侦听器依赖于文档已经就绪？例如：

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

还是要在函数中包装$(document).ready()？

只是想知道什么是最好的做法，以确保一切准备就绪，在它需要的时候。

Answer 1

两种方法都行。如果DOM已经完全初始化，则立即调用传递给准备()的处理程序。

为了获得较小的性能增益，您可能希望删除ready处理程序并直接包含您的代码，除非您依赖于像jQuery的$对象被传递给处理程序这样的副作用。