在尝试使用"Rails方式"组织JS文件时，我在我的Rails 4应用程序中遇到了问题。这些文件以前分散在不同的视图中。我将它们整理成单独的文件，并使用资源管道进行编译。但是，我刚刚学到当开启Turbo-links时，jQuery的 "ready"事件不会在后续的点击中触发。第一次加载页面时它可以正常工作。但是当您单击链接时，任何在 ready( function($) {内部的内容都不会被执行（因为实际上页面并没有重新加载）。详细解释请参考：这里。
所以我的问题是: 在开启Turbo-links的同时如何确保jQuery事件能够正常工作？您是否需要将脚本包装在Rails特定的侦听器中？或者说Rails有某种神奇的功能使其不必要？文档对于如何使用manifest(s)加载多个文件的方式有些模糊。
这是我的做法... CoffeeScript:
ready = ->
...your coffeescript goes here...
$(document).ready(ready)
$(document).on('page:load', ready)
最后一行监听页面加载，这正是Turbo Links将触发的内容。
编辑...添加JavaScript版本（按要求）：
var ready;
ready = function() {
...your javascript goes here...
};
$(document).ready(ready);
$(document).on('page:load', ready);
编辑2...对于Rails 5（Turbolinks 5），page:load变为turbolinks:load，并且会在初始加载时触发。因此我们只需要执行以下操作：
$(document).on('turbolinks:load', function() {
...your javascript goes here...
});
document.ready事件上，这样您就可以按照通常的方式编写jQuery。您只需在js清单文件中（默认为：application.js）jquery之后添加jquery.turbolinks即可。//= require jquery.turbolinks。请注意，此操作旨在使jquery.turbolinks工作。 - kindrobot最近我发现了一种最清晰易懂的处理方式：
$(document).on 'ready page:load', ->
# Actions to do
或者
$(document).on('ready page:load', function () {
// Actions to do
});
编辑
如果您已将委托事件绑定到document，请确保在ready函数之外附加它们，否则它们将在每个page:load事件上重新绑定（导致相同的函数运行多次）。例如，如果您有任何这样的调用：
$(document).on 'ready page:load', ->
...
$(document).on 'click', '.button', ->
...
...
把它们从ready函数中移出来，像这样：
$(document).on 'ready page:load', ->
...
...
$(document).on 'click', '.button', ->
...
委托事件绑定到 document 上时不需要在 ready 事件上绑定。
ready()函数要简单得多。额外的赞赏是为了解释如何在ready函数之外绑定委托事件。 - Christianready部分无效？ - ahnbizcad在Rails 4文档中发现了这个方法，与DemoZluk的解决方案类似但稍微更短：
$(document).on 'page:change', ->
# Actions to do
或者
$(document).on('page:change', function () {
// Actions to do
});
如果你有调用$(document).ready()的外部脚本，或者你不想重写所有现有的JavaScript代码，那么这个宝石可以让你在TurboLinks中继续使用$(document).ready()：https://github.com/kossnocorp/jquery.turbolinks
根据新的Rails指南，正确的方法是执行以下操作：
$(document).on('turbolinks:load', function() {
console.log('(document).turbolinks:load')
});
或者，用 CoffeeScript 写成：
$(document).on "turbolinks:load", ->
alert "page has loaded!"
$(document).ready，只会触发一个事件。没有惊喜，不需要使用jquery.turbolinks gem。"turbolinks:load"事件是否有效吗？turbolinks:事件前缀是在新的Turbolinks中引入的，在Rails 4.2中没有使用，如果"turbolinks:load"在您的Rails 5之前的应用程序中无法正常工作，请尝试"page:change"。请参阅http://guides.rubyonrails.org/v4.2.7/working_with_javascript_in_rails.html#page-change-events - Eliot Sykes注意：有一个干净的内置解决方案，请参见@SDP的答案
我已经修复了它，方法如下：
请确保在其他与应用程序相关的js文件被包含之前，先包含application.js，通过更改包含顺序实现：
// in application.js - make sure `require_self` comes before `require_tree .`
//= require_self
//= require_tree .
// 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');
});
$(document).ready(function() { /* do your init here */});。您的初始化代码应在完整页面加载时调用（->没有turbolinks），并且当您通过turbolinks加载页面时，应再次执行您的初始化代码。如果您想仅在使用turbolink时执行某些代码：$(document).on('page:load', function() { /* init only for turbolinks */});。 - sled$(document).on('ready page:load ', function(){} ); 对于 ready 不起作用，正如在 gem 的 github readme 中所记录的那样。 - ahnbizcad以上方法都没对我起作用，我通过不使用jQuery的$(document).ready方法，改为使用addEventListener方法来解决这个问题。
document.addEventListener("turbolinks:load", function() {
// do something
});
$(document).on 'ready turbolinks:load', ->
console.log '(document).turbolinks:load'
你需要使用：
document.addEventListener("turbolinks:load", function() {
// your code here
})
$(document).on "page:load", attachRatingHandler
$(document).on 'click', 'span.star', attachRatingHandler
更多细节请参见：http://srbiv.github.io/2013/04/06/rails-4-my-first-run-in-with-turbolinks.html
var ready = function() { ... } $(document).ready(ready)表示在文档加载完成后运行ready函数，而$(document).on('page:load', ready)表示在页面重新加载时运行相同的函数。你的问题是是否需要考虑同时触发.ready和'page:load'的情况。 - emersonthisready函数不会被调用两次。如果是强制刷新，只会触发ready事件。如果是 turbolinks 加载，只会触发page:load事件。在同一页中同时触发ready和page:load是不可能的。 - Christian$(document).on('page:load ready', ready);第二个参数是一个简单的函数，该函数恰好被命名为“ready”，参考此答案的示例。 - ahnbizcad