javascript - 你能在一个页面上定义两次 jquery 的 $(function(){...}) 吗？

Question

我正在处理一个网页，该网页提取一个外部 javascript 文件，其中包含我的所有功能。我将该文件称为“functions.js”。

functions.js 有一个 jQuery 有一个 $(function(){...}); 在页面准备好时执行我的操作。我的问题是，是否可以在调用 functions.js 的同一页面的正文中编写另一个 $(function(){...}，这样无论我在这两个domReady 函数发生在页面上？例如，如果 functions.js 是:

$(function(){
$('div').css('color','green');
}

然后我将此代码放在调用 functions.js 的页面上的标记中:

$(function(){
$('div').css('background-color','red');
}

页面最终会使我的 div 具有绿色文本和红色背景，还是一个会覆盖另一个，或者两者都不起作用？

我希望这是有道理的!

Answer 1

是的，您可以根据需要添加任意数量的 $(document).ready() 调用:http://docs.jquery.com/Tutorials:Multiple_$(document).ready()