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

$(document).on 'ready turbolinks:load', ->
  console.log '(document).turbolinks:load'

我发现下面的文章对我来说非常有用，并详细介绍了以下用法:

var load_this_javascript = function() { 
  // do some things 
}
$(document).ready(load_this_javascript)
$(window).bind('page:change', load_this_javascript)

在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

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

与其使用变量保存“ready”函数并将其绑定到事件，不如在page:load触发时触发ready事件。

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