在多个js文件中具有多个$(document).ready函数的含义
Implications of having multiple $(document).ready functions across multiple js files
可能重复:
JQuery-多个$(文档(。准备就绪…
拥有多个javascript文件,每个文件都有自己的$(document(.ready函数,这意味着什么?
当有多个东西与$(document).ready();
绑定时,事件将按照绑定的顺序命中。这并没有真正的负面影响,但请记住,在其中一个方法中定义的任何变量都会失去范围,并且在其他事件中不可用。
要解决javascript作用域问题,只需在$(document).ready();
块之外定义交叉准备的事件变量。
所有函数都将按绑定顺序执行。请参阅jQuery文档:
当事件到达某个元素时,将触发绑定到该元素的事件类型的所有处理程序。如果注册了多个处理程序,它们将始终按照绑定的顺序执行。执行完所有处理程序后,事件将沿着正常的事件传播路径继续。
(http://api.jquery.com/bind/)
所以所有的函数都被执行了,你可以影响它们的执行顺序。然而,我强烈建议不要将任何逻辑建立在执行顺序中,因为这可能会非常脆弱。
什么都没有。它们都会附加一个列表器,以便在文档准备就绪时执行。唯一的暗示是,他们将按照他们所附的顺序执行。
该函数所做的只是向文档的onload事件添加一个事件处理程序,因此这样做只需让Javascript在加载页面后执行多件事。
就性能而言,它没有缺点。然而,如果所有这些事情都发生在页面加载时,您可能希望有一个init.js文件(或类似的文件(在页面加载后调用所有其他函数。这样一来,一切都在一个地方,更容易管理。
然而,它的可读性和管理性都很好。
相关文章:
- jQuery加载的async和ready函数不工作
- 如何通过documents.ready函数中的javascript自动按键(ctrl+shift+i)
- 停止对document.ready函数的重定向/刷新
- ready函数在每个页面中触发
- 编写没有加载和.ready函数的JavaScript
- 在 $( 文档 ).ready 函数中使用字符串名称调用 javascript 函数
- 如何获取在$(document).ready函数上设置的字段的值
- document.ready函数在iframe内不起作用
- JQuery:未触发 document.ready 函数的放置
- 尝试在不使用 jQuery dom ready 函数的情况下传入变量
- 如果代码在底部,那么将 $(document).ready 函数放在底部有什么意义
- 按钮的 ID 更改,但 document.ready 函数调用前一个值的方法
- 如何在 html 中调用 js document.ready 函数
- jquery ready 函数在我单击锚标记时执行两次
- 在angular.ready函数上设置形状属性
- 使用两个jquery document.ready函数
- 是否可以在剃刀视图中使用2 document.ready函数
- 如何替换$(document).ready函数
- 如何调用我的jQuery函数,使其在我的document.ready函数中运行
- $(document).ready 函数之外的 JS 全局变量和函数