Rails turbolinks JS 文件 Bug

Question

我所有的 .js 文件如下所示：

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

我使用setInterval(some_function, 7000)，像$(document).on('click', '.blah-blah', function(){...}) 这样的事件处理程序。不幸的是，如果我通过 turbolinks（使用 turbolinks 会话）对服务器有多个请求，这些东西会多次调用。实际上调用的数量等于服务器请求的数量。 例如，我有 <button id="button"></button> 和 js 事件处理程序，处理程序执行的次数与我在 turbolinks 会话中的请求一样多。好烦）

我希望您了解如何保持 turbolinks 开启并避免在 js 文件中多次调用。谢谢。

Answer 1

你有两个选择：

1. 在执行设置间隔或添加处理程序等操作的代码中，首先检查间隔或处理程序是否已存在，如果已经存在则不要添加另一个。

2. 像"page:before-change" 或"page:before-unload" 一样附加到one of the other events from turbolinks，并删除其中的间隔或处理程序。