javascript - 运行 jQuery 的正确位置

Question

添加不同的插件、脚本和其他 jquery 代码会变得非常困惑。运行每个 jquery 的正确位置是什么？每个元素是否需要单独的函数。

一些脚本在页面头部像这样运行:

$(function(){ ...

jQuery(function() { ...

其他需要放在最后:

$( ".add").button({ ...

将所有函数合并为一个 $(function(){ ... 是错误的吗？

Answer 1

对于在哪里放置 jQuery 没有严格的规则片段。

您将其放在需要的正确位置。

• $(function(){是 $(document).ready(function() { 的缩写。它是一个事件，当文档准备好处理时执行。

• $( ".add" ).button({正在将插件(可能)分配给选择器。每个插件都有自己的事件触发器，它们会自动或手动发生，例如 hovers和clicks

您应该(始终)将代码放在正确的事件触发器/函数调用处，以便它们正常运行。

但是

如果您在页面上使用太多脚本，则会减慢加载时间。那么当它们被放置在 </body> 之前时效果会更好。

<小时/>

引用文献

阅读 jQuery 事件文档 ^{[docs here]} 非常清楚地了解如何有效地放置代码