j查询代码放置建议


jQuery code placement suggestion

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

问题很简单,除了晦涩的脚本标签之外,是否有关于 ph 文件中 jquery 应该位于何处的最佳实践? 一次性内联脚本呢? 很抱歉这样做的幼稚本质,但当我弄清楚如何将它们组合在一起时,我会以"正确"的方式尝试这些示例。

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

当然,它并不像我想象的那么愚蠢 - 谢谢大家的见解 - 我对我试图在大局中理解的内容感到更加清晰。

AFAIK,没有.onReady

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

.ready()的重点是等待元素准备就绪。在本例中为文档。因此,在文档准备就绪之前,不会执行其中的任何内容。因此,您可以将其放在任何您想要的地方。

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

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

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

现场演示

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

您应该阅读ready文档

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

准备好的指令允许你把你的javascript代码放在任何地方。仅当文档准备就绪时,才会执行它。

语法如下:

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

或者这个:

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

但要做出选择,出于性能原因,首选页面底部,就在关闭 之前。