javascript - Rails 5 : JQuery inside $(document). 就绪不会从一个页面触发到另一个页面，仅在重新加载时触发

Question

这个问题已经有答案了:

Rails 4 turbo-link prevents jQuery scripts from working (3 个回答)

已关闭 6 年前。

编辑:我在这里找到了我的答案的问题:

Rails 4: how to use $(document).ready() with turbo-links

<小时/>

正如标题所说，我在 application.js 的底部有一些 JQuery我的 Rails 5 应用程序中的文件。我注意到，如果我从一个页面移动到另一个页面，它不会触发。但是，如果我只是重新加载我所在的页面，它就会起作用。

明确地说，这是我的 application.js文件:

#app/assets/javascripts/application.js
... Rest of file.
//= require_tree .

$( document ).ready(function() {
  alert('test');
});

如果我只是在应用程序中逐页点击，我根本不会收到警报。再次，alert仅当我重新加载当前所在的页面时才会触发。

对此的任何帮助都会很棒。

Answer 1

当我开始做更多研究时，我发现这是一个 Turbolinks 问题。

我可以引用这个答案:

Rails 4: how to use $(document).ready() with turbo-links

改变，

$( 文档 ).ready(function() {...

至

$(document).on('turbolinks:load', function() {...

解决了我的所有问题。