以下是我所做的，以确保事情不会执行两次:

$(document).on("page:change", function() {
     // ... init things, just do not bind events ...
     $(document).off("page:change");
});

我发现使用jquery-turbolinks gem或组合$(document)。Ready和$(document).on("page:load")或使用$(document).on("page:change")本身的行为会出乎意料——尤其是在开发过程中。

注意:请参阅@SDP的答案，以获得一个干净的内置解决方案

我修改如下:

确保你在其他依赖于应用程序的js文件被包括之前，通过改变包括顺序，如下所示:

// in application.js - make sure `require_self` comes before `require_tree .`
//= require_self
//= require_tree .

在application.js中定义一个处理绑定的全局函数

// application.js
window.onLoad = function(callback) {
  // binds ready event and turbolink page:load event
  $(document).ready(callback);
  $(document).on('page:load',callback);
};

现在你可以绑定如下内容:

// in coffee script:
onLoad ->
  $('a.clickable').click => 
    alert('link clicked!');

// equivalent in javascript:
onLoad(function() {
  $('a.clickable').click(function() {
    alert('link clicked');
});

在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

我发现当使用ready和turbolinks的函数时，我的函数翻了一番:load，所以我使用，

var ready = function() {
  // you code goes here
}

if (Turbolinks.supported == false) {
  $(document).on('ready', ready);
};
if (Turbolinks.supported == true) {
  $(document).on('turbolinks:load', ready);
};

这样，如果支持涡轮链接，您的函数就不会加倍!

以上这些都不适合我，我没有使用jQuery的$(document)来解决这个问题。ready，但使用addEventListener代替。

document.addEventListener("turbolinks:load", function() {
  // do something
});

你必须使用:

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

来自turbolinks，博士。