Question

我知道这听起来像一个愚蠢的问题，但是当我通过示例学习jQuery时，我发现脚本和函数的位置从示例变化到很多例。举个例子，在某些地方我读到.onReady函数应放在其他所有内容之下，以确保整个DOM实际上已经准备就绪，以及那种性质的东西。

问题很简单，除了obvous脚本标签之外，还有一个关于PHP文件jquery应该位于何处的最佳实践？一次性内联脚本怎么样？很抱歉这是天真的本性，但我会以“正确”的方式尝试这些例子，因为我想出如何将它们整合在一起。

这个网站似乎有一些非常有见地的人做出贡献，所以提前感谢任何指导！：）

显然它并不像我想象的那样愚蠢 - 谢谢大家的见解 - 我觉得我在大局中想要了解的内容更清晰。

Answer 1

AFAIK，没有.onReady

也许您指的是$(document).ready()？

.ready()的要点是等待元素准备好。在这种情况下，文件。因此，在文档准备好之前，其中的任何内容都不会被执行。因此，您可以将它放在任何您想要的地方。

但是，对于链接到JS文件的位置，出于性能原因，您希望在文档底部执行此操作：

http://developer.yahoo.com/performance/rules.html

Answer 2

不了解PHP，而是将每个onReady代码放在底部的指令 “确保整个DOM实际上已准备就绪” 错误！

准备活动的重点是，你可以把它放在你想要的任何地方，它仍然有效。

示例：

$('#foo').val() // undefined - the DOM isn't ready yet. $(document).ready(function(){ $('#foo').val() // bla - the DOM is ready now. }); <input id="foo" value="bla" />

Live DEMO

请注意，$(callbackFunction)等于详细语法$(document).ready(callbackFunction);

您应该阅读ready docs

Answer 3

在关闭页面的<script type="text/javascript"></script>标记之前，您应该添加<body>。这将确保您在上面加载上面页面的所有静态部分。

Answer 4

准备好的指令允许您将javascript代码放在任何地方。它仅在文档准备好时执行。

语法如下：

$(document).ready(function() {
  // Put your code here.
});

或者这个：

$(function() {
 // Put your code here.
});

但是为了做出选择，在结束之前更喜欢页面的底部＆lt; / body＆gt;，出于性能原因。

jQuery代码放置建议

4 个答案: