Question

我在.ready（）

中有大量的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.（可选） 使用http://jscompress.com/或您想要使用的其他任何缩小器缩小 myfile.js 。

Answer 2

您可以在函数中编写所有代码，并在dom准备就绪时调用它。建议使用Minify以使js更小 - ＆gt;加载速度更快您可以找到许多在线js压缩器，例如http://www.refresh-sf.com/yui/

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

2 个答案: