jQuery代码放置建议

时间:2012-05-24 16:57:00

标签: php jquery

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

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

这个网站似乎有一些非常有见地的人做出贡献,所以提前感谢任何指导! :)

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

4 个答案:

答案 0 :(得分:8)

AFAIK,没有.onReady

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

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

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

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

答案 1 :(得分:4)

不了解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

答案 2 :(得分:2)

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

答案 3 :(得分:0)

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

语法如下:

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

或者这个:

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

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