根据新的rails指南，正确的方法是这样做:

$(document).on('turbolinks:load', function() {
   console.log('(document).turbolinks:load')
});

或者在coffeescript中:

$(document).on "turbolinks:load", ->
alert "page has loaded!"

不监听事件$(document)。就绪后，只会触发一个事件。没有惊喜，不需要使用jquery。turbolinks宝石。

这不仅适用于rails 5，而且适用于rails 4.2及以上版本。

注意:请参阅@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');
});

我想我把这个留给那些升级到Turbolinks 5的人:修复代码的最简单的方法是从:

var ready;
ready = function() {
  // Your JS here
}
$(document).ready(ready);
$(document).on('page:load', ready)

to:

var ready;
ready = function() {
  // Your JS here
}
$(document).on('turbolinks:load', ready);

参考:https://github.com/turbolinks/turbolinks/issues/9 # issuecomment - 184717346

我刚知道另一个解决这个问题的方法。如果你加载jquery-turbolinks宝石，它会将Rails Turbolinks事件绑定到文档上。ready事件，这样你就可以用通常的方式编写jQuery。你只需要添加jquery。在js的manifest文件(默认:application.js)中，Turbolinks就在jquery之后。

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

在application.js

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

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

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

$(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")本身的行为会出乎意料——尤其是在开发过程中。