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

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

$(document).ready(ready)  

$(document).on('turbolinks:load', ready)

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

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

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

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

测试了这么多的解决方案，终于得出了这个结论。 你的代码肯定不会被调用两次。

var has_loaded = false; Var ready = function() { 如果(! has_loaded) { has_loaded = true; // YOURJS ｝ ｝ $(文档)时(准备); 美元(文档)。绑定(“页面:改变”,准备);

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

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