Jquery - どのように$（document）.ready（）をjsファイルに変換しますか？私はすべてのコードを取ると、私はちょうど、他のスクリプトのようなスクリプトを参照できるようにちょうどそれ.jsファイルにするにはどうすればよい

Question

私は（.readyでjQueryのコードのトンを持っている）

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

？私はそれを小型化すべきか？それ、どうやったら出来るの？

私がこの記事をお読みください。Enclosing external jQuery file in $(document).ready()

しかし、私は実際にそれを実装するかどうかはわかりませんので、それは助けにはなりませんでした。コードを正確にコピーして.jsファイルとして保存するだけですか？それでは、ミニプロセスはどうですか？

ありがとうございます！

Answer 1

ステップ1.myfile.js内容でファイルを作成します。あなたのHTMLページ2.は、最初のjQueryを含める

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

ステップ、そして（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.利益！ http://jscompress.com/または任意の他minifier使用したいを使用して

ステップ4（オプション）縮小化あなたのmyfile.js。

Answer 2

関数内にすべてのコードを記述し、domの準備ができたら呼び出すことができます。 jifyを小さくしてより速く読み込めるようにMinifyをお勧めします。 http://www.refresh-sf.com/yui/