jquery - 避免在内容母版页中出现多个 document.ready

Question

我有多个内容页面，它们再次从母版页派生，

每个内容页面在加载时都需要一些初始化事件，母版页也是如此。

目前我正在这样做

母版页

<script type="javascript"> 
$(document).ready({
// Initialize my master page events code
});
</script>
<asp:ContentPlaceHolder ID="cphSalesTrackerScripts" runat="server">
</asp:ContentPlaceHolder>

内容页 1

 <asp:Content ID="cntBodyScripts" contentPlaceHolderID="cphSalesTrackerScripts" runat="server">
  <script type="javascript"> 
   $(document).ready({
   // Initialize my content page 1 events  code
});
</script>
</asp:Content>

内容页 2

 <asp:Content ID="cntBodyScripts" contentPlaceHolderID="cphSalesTrackerScripts" runat="server">
  <script type="javascript"> 
   $(document).ready({
   // Initialize my content page 2 events  code
});
</script>
</asp:Content>

我正在学习最好的编码技术Here

它说

Use only one Document Ready handler per page.

那么如何管理每个内容页的单个就绪...因为母版页和内容页在浏览器中一起呈现，并且在我的场景中，有两个就绪处理程序

Answer 1

将脚本放在页脚前文件中并在所有页面上调用它，然后放置一个 document.ready 并将所有函数、自定义 js 内容移至其中:

Jquery(document).ready(function() {
   // some code

   // other code
}