我知道这听起来像是一个愚蠢的问题,但是当我通过示例学习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.
});
但要做出选择,出于性能原因,首选页面底部,就在关闭 之前。