添加不同的插件,脚本和其他jquery代码变得相当混乱。 运行每个jquery的正确位置是什么,它是否需要为每个元素分离函数。
一些脚本在页面的头部运行如下:
$(function(){ ...
jQuery(function() { ...
和其他需要在最后:
$( ".add" ).button({ ...
将所有函数合并为一个$(function(){ ...
?
答案 0 :(得分:1)
jQuery
代码段的位置没有硬性规则。您将它放在需要它的正确位置。
$(function(){
是$(document).ready(function() {
的缩写。这是一个事件,在文档准备好处理时执行。
$( ".add" ).button({
正在为选择器分配一个插件(可能)。每个插件都有自己的事件触发器,它们可以自动或手动进行,如hovers
和clicks
您应该(始终)将代码放在正确的事件触发器/函数调用上,以使它们正常运行。
如果您在页面上使用了太多脚本,则会减慢加载时间。当它们放在</body>
非常清楚地阅读jQuery事件文档 [docs here] 以了解有效放置代码的位置
答案 1 :(得分:1)
$
是jQuery
的别名,因此您可以选择您喜欢的内容并坚持下去。使用$
有一些好处。它稍微紧凑,常用于jQuery文档。
在您的示例中,在文档准备好时调用了匿名函数。有一点值得注意的是,在使用文档就绪时可能无法加载图像。您可以确定DOM元素是否存在,因此您的jQuery选择器应该可以正常工作。
如果您有多条$(document).ready(function () { /* your code here */ });
行,则会执行所有这些行,因此它们不会互相覆盖。例如,如果您有多个JS文件。您应该将JS文件分开以保持可维护性。