在哪里放置 $(Document).ready(function(){});.



我已经读到,要使jQuery工作,我必须有以下代码:

$(Document).ready(function(){
//some code
)};

但是我不确定哪个文件首先编译到应用程序中.js,那么我必须将该代码放在哪里以及如何将所有其他文件放入该文件?

相关:为什么jQuery或DOM方法(如getElementById(找不到该元素?
相关: https://learn.jquery.com/using-jquery-core/document-ready/

文档准备就绪的目的是允许您在页面上的任何位置包含脚本,并且 javascript 将延迟其执行,直到文件标记完全解析并加载到 DOM 中。 图像和其他资源可能尚未加载,但文档元素将存在。

考虑到这一点,不需要准备好文档。 如果你按照模式构建你的文档,那么你的javascript包含在页面的底部,或者至少在它将尝试引用的所有元素之后,文档就绪是不必要的。 一旦元素在DOM中,javascript就可以找到它们。

旁注; 代码段中的Documentdocument,因为它与大小写相关。

定义包含在 application.js 中的文件,如果需要控制它们的加载顺序,可以显式require它们。如果使用require tree则按字母顺序加载文件。

使用 jQuery 就绪模式的策略通常是使用它来包装initialize()类型的函数调用,其中intialize是 js 文件中其他位置定义的函数。如果您将大量代码放在文档就绪包装器中,则可能很难阅读,请保持简单。最好只使用一个文档就绪包装器,以便确定初始化顺序。

最新更新