使用$（document）.ready（function（）{}）的jQuery页面结构最佳实践
问题描述：
我目前在我的网站上有很多小部件可以执行各种jQuery函数，动画，ajax调用等。一直在网上阅读，这是一个很好的做法，试图将你的js打包成一个文件，当你可以或有意义的时候。我的每个小部件都广泛用于我的网站，因此将这些小部件的所有jquery/javascript放入一个文件似乎是有意义的。现在，如果我有$(document).ready(function(){})每次我想要调用一个小部件的按钮，自动加载一些数据准备就绪，等等。这样做的最佳做法是什么？并不是每个小部件都在每个页面上，所以如果一切都在一个JavaScript文件中，会调用不存在的dom元素是不好的做法？
我想我真的很难看到围绕我的Web应用程序构建我的jQuery/JavaScript以提供最佳性能的最佳方式。
答
让js文件充满可重复使用的代码好得多，因此所有页面中的所有函数都可以加载所有页面。我通常使用default.js作为该文件..然后在每个需要特定实现的页面中，我会调用执行特定任务到该页面的函数，位于页面底部的doc.ready内。
这样，你只做你想要的每页。在任何情况下，您都应该尝试在default.js文件中执行您的任务，而不是在整个站点通常包含的文件中包含非常具体的js
尝试模块化使用AMD，如http： //requirejs.org/并加载任何你不需要的东西 – Kishore 2012-07-12 01:52:25
伟大的建议，@Kishore +1 – renatoargh 2012-07-12 01:53:29