I was told to use document.ready when I first started to use Javascript/jQuery but I never really learned why.
Might someone provide some basic guidelines on when it makes sense to wrap javascript/jquery code inside jQuery's document.ready
?
Some topics I'm interested in:
- jQuery的
.on()
方法:我经常在AJAX中使用.on()
方法(通常在动态创建的DOM元素上)..on()
点击处理程序always应该是insidedocument.ready
吗? - Performance: Is it more performant to keep various javascript/jQuery objects inside or outside document.ready (also, is the performance difference significant?)?
- 对象范围:AJAX加载的页面无法访问上一页文档中包含的对象.准备好了吗?他们只能访问文档中包含的对象.准备好了吗(即真正的"全局"对象)?
Update:为了遵循最佳实践,我的所有javascript(jQuery库和我的应用程序代码)都位于HTML页面的bottom处,我在jQuery上使用defer
属性,该属性包含AJAX加载页面上的脚本,以便我可以访问这些页面上的jQuery库.