jQuery 和 Rails 3

Question

我正在将 jQuery 引入 Rails3 应用程序，并且有一个有关最佳实践的问题。

我发现使用 jQuery 不显眼地执行所有 Javascript 非常有用，但我将所有内容都放在 application.js 中。 javascript 包含在我的所有页面中，如 application.html.erb 有 <%= javascript_include_tag :all %>我也在使用$(document).ready(function(){…}每次我从一个页面转到另一个页面时都会执行它。

目前，我的应用程序足够小，我没有看到任何性能问题。但是，我只是想知道正确的做法是什么。仅加载相关脚本并往返服务器是否更好？或者，一次性包含所有 javascript 文件更好吗？

我在 $(document).ready(function(){…} 中的一行示例是:

$("#user_password").attr("autocomplete","off");

一方面，能够用一行初始化应用程序任何页面上的任何密码字段非常方便。另一方面，我可以看到 $(document).ready() 如何很快变得很长，从而影响代码的可读性。 $(document).ready() 中也可能有很多与当前页面不相关的代码(例如，上面的示例在没有密码字段的页面中)，这会影响性能吗？

Answer 1

我尝试了几种在 Rails 应用程序中使用 jQuery 的方法，并且遇到了集成 JavaScript 代码的最简单、更清晰和最有组织的方法是使用 *.js.erb View 文件。

这个想法是你在这个文件中编写你的 UI 行为(这是有道理的，因为它们是 MVC 结构中 View 的一部分)，然后在必要时调用它们:

$.get(url_for_your_js_view, data, null, "script");

您可以看到这种实践的实际效果(并有更好的解释)in this RailsCast .

顺便说一句，它也让你很容易优雅地陷入无脚本场景，所以我真的建议你花时间学习这项技能，即使它可能有点一开始并不直观。