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

标签 javascript jquery

我正在处理一个网页,该网页提取一个外部 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 具有绿色文本和红色背景,还是一个会覆盖另一个,或者两者都不起作用?

我希望这是有道理的!

最佳答案

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

关于javascript - 你能在一个页面上定义两次 jquery 的 $(function(){...}) 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5629608/

相关文章:

javascript - 使用 jQuery 从 Ajax GET 响应中选择 HTML 元素

javascript - 如何在css文件中动态添加css?

JavaScript 无法解析 JSON

javascript - Parse Web 服务器中的文件系统模块

javascript - 调用客户端重定向后 session 属性丢失

javascript - 如何将带有CSS的tr元素动态附加到表中

javascript - 如何删除超链接并在 javascript 创建的无序列表中添加类?

javascript - 如何延迟iframe的加载?

javascript - 如何检查值是否未定义,如果是,则将其设置为 null

javascript - 如何根据用户在文本框中键入的内容更新标签文本