使用$（document）.ready（function（）{}）的jQuery頁面結構最佳實踐

我目前在我的網站上有很多小部件可以執行各種jQuery函數，動畫，ajax調用等。一直在網上閱讀，這是一個很好的做法，試圖將你的js打包成一個文件，當你可以或有意義的時候。我的每個小部件都廣泛用於我的網站，因此將這些小部件的所有jquery/javascript放入一個文件似乎是有意義的。現在，如果我有$(document).ready(function(){})每次我想要調用一個小部件的按鈕，自動加載一些數據準備就緒，等等。這樣做的最佳做法是什麼？並不是每個小部件都在每個頁面上，所以如果一切都在一個JavaScript文件中，會調用不存在的dom元素是不好的做法？

我想我真的很難看到圍繞我的Web應用程序構建我的jQuery/JavaScript以提供最佳性能的最佳方式。

來源

2012-07-12 anthonypliu

嘗試模塊化使用AMD，如http： //requirejs.org/並加載任何你不需要的東西 – Kishore 2012-07-12 01:52:25

偉大的建議，@Kishore +1 – renatoargh 2012-07-12 01:53:29

讓js文件充滿可重複使用的代碼好得多，因此所有頁面中的所有函數都可以加載所有頁面。我通常使用default.js作爲該文件..然後在每個需要特定實現的頁面中，我會調用執行特定任務到該頁面的函數，位於頁面底部的doc.ready內。

這樣，你只做你想要的每頁。在任何情況下，您都應該嘗試在default.js文件中執行您的任務，而不是在整個站點通常包含的文件中包含非常具體的js

來源

2012-09-18 17:46:17 Rogelio

使用$（document）.ready（function（）{}）的jQuery頁面結構最佳實踐

回答

相關問題