jQuery页面结构使用$(document).ready(function(){})的最佳实践

时间:2012-07-12 01:50:18

标签: javascript jquery architecture

我目前在我的网站上有很多小部件可以执行各种各样的jquery函数,动画,ajax调用等等。我一直在网上阅读,你可以尝试将js捆绑成一个文件,这是一个好习惯。什么时候有意义。我的每个小部件都在我的网站上广泛使用,因此将这些小部件的所有jquery / javascript放入一个文件似乎是有意义的。现在,如果我每次想要调用窗口小部件的按钮时都有$(document).ready(function(){}),那么自动加载一些关于doc准备好的数据等等。这样做的最佳做法是什么?并非每个小部件都在每个页面上,所以如果所有内容都在一个javascript文件中,那么调用不存在的dom元素是不好的做法吗?

我想我在查看围绕我的Web应用程序构建jquery / javascript以提供最佳性能的最佳方法时遇到了麻烦。

1 个答案:

答案 0 :(得分:0)

保持js文件充满可重用代码要好得多,所以所有页面都加载所有功能。我通常使用default.js作为该文件..然后在每个需要特定实现的页面中,我调用在页面底部的doc.ready内部执行特定任务的函数。

这样你每页只需要做你需要的东西。在任何情况下,您都应该尝试在default.js文件中执行执行任务的函数,而不是在一般文件中包含整个站点的非常具体的js