当我在 rails 中使用 link_to 帮助程序时，我在加载我的 javascript 时遇到了一些问题。当我手动输入带有 'localhost:3000/products/new' 的 url 或重新加载页面时，javascript 会加载，但是当我通过如下所示的链接时，jQuery $(document).ready 将不会加载到新页面上。
Link_to，当我点击此链接时，javascript 不会加载：
<%= link_to "New Product", new_product_path %>
products.js 文件
$(document).ready(function() {
alert("test");
});
任何帮助将不胜感激。提前致谢！
【问题讨论】：
标签： javascript jquery ruby-on-rails
您使用的是 Rails 4 吗？ （在您的控制台中通过rails -v 查找）
这个问题可能是由于新添加的Turbolinks gem。它使您的应用程序表现得像一个单页 JavaScript 应用程序。它有一些好处（it's faster），但不幸的是它破坏了一些现有的事件，如$(document).ready()，因为页面永远不会重新加载。这可以解释为什么 JavaScript 在您直接加载 URL 时有效，但在您通过 link_to 导航到它时无效。
这是关于 Turbolinks 的 RailsCast。
有几个解决方案。您可以将jquery.turbolinks 用作插入式修复，也可以将$(document).ready() 语句切换为使用Turbolinks 'page:change' 事件：
$(document).on('page:change', function() {
// your stuff here
});
或者，您可以执行以下操作以与常规页面加载以及 Turbolinks 兼容：
var ready = function() {
// do stuff here.
};
$(document).ready(ready);
$(document).on('page:change', ready);
如果您使用 Ruby on Rails >5（您可以通过在控制台中运行 rails -v 进行检查）使用 'turbolinks:load' 而不是 'page:change'
$(document).on('turbolinks:load', ready);
【讨论】：
'page:load' 以调用$(document).ready()，所以你可以照常做所有事情。
我遇到了同样的问题，但 jquery.turbolinks 没有帮助。我注意到我必须重写 GET 方法。
这是我的样本：
<%= link_to 'Edit', edit_interpreter_path(@interpreter), method: :get %>
【讨论】：
link_to 的问题，但真正的问题是页面页脚中的内联<script> 标签。 （内联脚本标签对 turbolink 不好）。
如果您使用的是 rails 5 而不是'page:change'，您应该像这样使用'turbolinks:load'：
$(document).on('turbolinks:load', function() {
// Should be called at each visit
})
【讨论】：
您还可以使用指定 data-no-turbolink 的 div 包装您的链接。
例子：
<div id="some-div" data-no-turbolink>
<a href="/">Home (without Turbolinks)</a>
</div>
【讨论】：
确保您没有任何内联 <script> 标记。 （内联脚本标签不适合 turbolinks）。
【讨论】：
FWIW，从Turbolinks docs 开始，更适合捕获而不是$(document).ready 的事件是page:change。
page:load 有一个警告，它不会在缓存重新加载时触发...
一个新的 body 元素已加载到 DOM 中。在部分替换或从缓存中恢复页面时不会触发，以免在同一个正文上触发两次。
而且由于 Turbolinks 只是切换视图，page:change 更合适。
【讨论】：
page:load 在刷新时对我不起作用；我推荐这个解决方案。
解决我的问题的解决方案是添加此元属性。
<meta name="turbolinks-visit-control" content="reload">
这确保了对特定页面的访问将始终触发完全重新加载。
这对于解决我遇到的问题https://github.com/turbolinks/turbolinks#reloading-when-assets-change 非常有用。
【讨论】：
如果您的 link_to js 在重新加载后正常工作，那么这应该是一个 turbolink 问题，您可以在该 link_to 上使用 turbolink false，例如：
<%= link_to "Home", home_path, data: { turbolinks: false } %>
【讨论】：