测试了这么多的解决方案，终于得出了这个结论。 你的代码肯定不会被调用两次。

var has_loaded = false; Var ready = function() { 如果(! has_loaded) { has_loaded = true; // YOURJS ｝ ｝ $(文档)时(准备); 美元(文档)。绑定(“页面:改变”,准备);

你必须使用:

document.addEventListener("turbolinks:load", function() {
  // your code here
})

来自turbolinks，博士。

最近，我发现了一种最简单易懂的处理方法:

$(document).on 'ready page:load', ->
  # Actions to do

OR

$(document).on('ready page:load', function () {
  // Actions to do
});

编辑 如果您已经将事件委托给文档绑定，请确保将它们附加在ready函数之外，否则它们将在每个页面上反弹:load事件(导致相同的函数多次运行)。例如，如果你有这样的电话:

$(document).on 'ready page:load', ->
  ...
  $(document).on 'click', '.button', ->
    ...
  ...

将它们从ready函数中取出，像这样:

$(document).on 'ready page:load', ->
  ...
  ...

$(document).on 'click', '.button', ->
  ...

绑定到文档的委托事件不需要绑定到就绪事件上。

在Rails 4文档中找到了这个，类似于DemoZluk的解决方案，但略短:

$(document).on 'page:change', ->
  # Actions to do

OR

$(document).on('page:change', function () {
  // Actions to do
});

如果你有调用$(document).ready()的外部脚本，或者如果你不想重写所有现有的JavaScript，那么这个gem允许你继续使用$(document).ready()和TurboLinks: https://github.com/kossnocorp/jquery.turbolinks

我通常为我的rails项目做以下工作:

在application.js

function onInit(callback){
    $(document).ready(callback);
    $(document).on('page:load', callback);
}

然后在其余的.js文件中，我调用onInit(function(){})而不是使用$(function (){})

测试了这么多的解决方案，终于得出了这个结论。 你的代码肯定不会被调用两次。

var has_loaded = false; Var ready = function() { 如果(! has_loaded) { has_loaded = true; // YOURJS ｝ ｝ $(文档)时(准备); 美元(文档)。绑定(“页面:改变”,准备);