head.ready()与$(文件)。就绪(head.ready() vs. $(document)

2019-09-22 01:35发布

最近发现的head.js库和男孩是我喜欢它,但我还是有点困惑的一件事。

从headjs.com:

当脚本到达“DOM准备”的事件,如$(文件)。就绪()已被解雇。 如果加载的脚本取决于事件确保你的库可以处理这个问题。 jQuery的1.4+工作。

考虑到这一点,什么是建立一个使用jQuery的,如果代码中的$(document)。就绪()取决于装载head.js外部脚本的网页的最佳方式?

我们可以只输掉$(文件)。就绪()调用一起,仍然成功地建立了类似的事情依赖于文件准备好事件监听器? 例如:

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

或者我们想包装$(文件)。就绪()函数内?

只是想知道最好的做法是什么,以确保一切都准备好通过它需要时间去。

Answer 1:

无论哪种方式是好的。 传递到处理程序准备就绪()被立即调用,如果DOM已经完全初始化。

对于一个的性能提升,您可能需要删除的ready处理程序,并直接包括代码,除非你是依靠像jQuery的一个副作用$对象被传递到处理程序。



文章来源: head.ready() vs. $(document).ready