我已经读到,要使jQuery工作,我必须有以下代码:
$(Document).ready(function(){
//some code
)};
但是我不确定哪个文件首先编译到应用程序中.js,那么我必须将该代码放在哪里以及如何将所有其他文件放入该文件?
相关:为什么jQuery或DOM方法(如getElementById(找不到该元素?
相关: https://learn.jquery.com/using-jquery-core/document-ready/
文档准备就绪的目的是允许您在页面上的任何位置包含脚本,并且 javascript 将延迟其执行,直到文件标记完全解析并加载到 DOM 中。 图像和其他资源可能尚未加载,但文档元素将存在。
考虑到这一点,不需要准备好文档。 如果你按照模式构建你的文档,那么你的javascript包含在页面的底部,或者至少在它将尝试引用的所有元素之后,文档就绪是不必要的。 一旦元素在DOM中,javascript就可以找到它们。
旁注; 代码段中的Document
应document
,因为它与大小写相关。
定义包含在 application.js 中的文件,如果需要控制它们的加载顺序,可以显式require
它们。如果使用require tree
则按字母顺序加载文件。
使用 jQuery 就绪模式的策略通常是使用它来包装initialize()
类型的函数调用,其中intialize
是 js 文件中其他位置定义的函数。如果您将大量代码放在文档就绪包装器中,则可能很难阅读,请保持简单。最好只使用一个文档就绪包装器,以便确定初始化顺序。