Jquery - 如何将$(document).ready()转换为js文件？

Question

我在.ready()中有大量的jquery代码

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

我如何获取所有代码并将其设为.js文件,以便我可以像任何其他脚本一样引用脚本？我应该缩小它吗？我怎么做？

我读了这篇文章:在$(document).ready()中包含外部jQuery文件

但它没有帮助,因为我不确定如何实际实现它.我是否只是将代码完全复制并保存为.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要使用.