我通常为我的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 ｝ ｝ $(文档)时(准备); 美元(文档)。绑定(“页面:改变”,准备);

我想我把这个留给那些升级到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之后。

或者使用

$(document).on "page:load", attachRatingHandler

或者使用jQuery的.on函数来达到同样的效果

$(document).on 'click', 'span.star', attachRatingHandler

详情请点击这里:http://srbiv.github.io/2013/04/06/rails-4-my-first-run-in-with-turbolinks.html

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

$(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', ->
  ...

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