jQuery的 - 你怎麼轉換$（文件）。就緒（）到一個js文件？

Question

我有一噸的jQuery代碼中。就緒（）

$(document).ready(function() { 
    //jQuery goodness in here. 

如何把所有的代碼，只是使它成爲一個js文件，所以我可以只是參考腳本像任何其他腳本？我應該縮小它嗎？我怎麼做？

我看到這篇文章：Enclosing external jQuery file in $(document).ready()

但它並沒有幫助，因爲我不知道如何真正實現它。我只是將代碼完全複製並保存爲.js文件？那麼最小化過程呢？

謝謝！

Answer 1

第1步：創建文件myfile.js與內容：

$(document).ready(function() { 
     // .... your jQuery goodness .... 
}); 

第2步：在HTML頁面中，首先包括jQuery的，則包括myfile.js（以該順序）。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
<script type="text/javascript" src="myfile.js"></script> 

第3步：利潤！

步驟4.（可選）縮減大小的myfile.js使用http://jscompress.com/或任何其他minifier要使用。

Answer 2

你可以寫所有的代碼在一個函數，當DOM的準備調用它。 Minify建議讓您的js更小 - >加載速度更快。你可以找到許多網上JS壓縮機，如http://www.refresh-sf.com/yui/