放置 Document Ready 功能的最佳实践 [重复]

Posted

技术标签:

【中文标题】放置 Document Ready 功能的最佳实践 [重复]【英文标题】:Best practices for placing the Document Ready function [duplicate] 【发布时间】:2016-09-24 16:51:07 【问题描述】:

有时我会在$("document").ready() 函数中得到很多代码,这些代码通常位于.html 文件中。

 $("document").ready(function() 
    // The DOM is ready!
    // Let the DOM manipulation begin!
 );

找到$("document").ready() 的最佳做法是什么。它是否应该在不同的.js 文件中并包含在 HTML 中:

<script src="MyDocReadyJS.js"></script>

【问题讨论】:

用于定位$("document").ready() 最好不要使用它,将&lt;script&gt;移到&lt;body&gt;底部。 通常 HTML 很长,使用 javascript 行添加$('document').ready() 会使整体代码非常混乱。寻找一种更清洁的方法。 Why $(document).ready need after &lt;script&gt; tag的相关/复制 【参考方案1】:

最佳做法是在关闭&lt;/body&gt; 标记之前放置代码。 在这种情况下,您可以摆脱“文档就绪”包装器,因为 DOM 已经准备好:)

【讨论】:

以上是关于放置 Document Ready 功能的最佳实践 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

在 R 中处理个人功能的最佳实践

JQuery碎碎念

是否可以在剃刀视图中使用 2 document.ready 功能

jquery 实践总结

你能有多个 $(document).ready(function() ... );部分?

Turbolinks 实现 document.ready,点击切换