Jquery $ .Ready函数的最佳实践

Question

我有很多MVC3.0部分视图，可以在多个页面上重用。每个部分视图都有自己的JavaScript和JQuery $ .Ready函数。

我想知道是否有人可以帮助我了解以下使用$.ready的最佳做法：

1. 我应该创建包含$.ready下应包含的所有事件/功能的Ready.js吗？并参考主布局页面。

2. 或每个页面都应该有自己的。

3. $.ready函数执行时会发生什么，由于部分视图页面没有用于该页面，因此无法找到被引用的元素。

4. 一般来说组织JavaScript的最佳做法是什么，即每个页面/窗口小部件/控件的js？

Answer 1

使用此article

$(document).ready(function() {  
    // let's get up in heeya  
});  

     

尽管如此，你很可能遇到过   不同的，更令人困惑的包装功能。

$(function() {  
    // let's get up in heeya  
});  

     

虽然后者的可读性稍差，但上面的两个片段   是相同的。不相信我？只需检查jQuery源代码。

// HANDLE: $(function)  
// Shortcut for document ready  
if ( jQuery.isFunction( selector ) ) {  
    return rootjQuery.ready( selector );  
}  

     

rootjQuery只是对根jQuery（文档）的引用。什么时候   你将选择器传递给jQuery函数，它将确定什么类型   你传递的选择器：字符串，标签，id，函数等。如果是一个函数   传递后，jQuery将调用其ready（）方法，然后传递给你   匿名函数作为选择器。