Turbolinks 多次加载 Javascript

Question

我使用的是 Turbolinks 2.5.3，主页底部有一个脚本标签。

<script>
  $(document).ready(function() {
    alert('hello');
  });
</script>

对于网站上的每个页面，我运行以下 JS：

Turbolinks.pagesCached(0);

如果我访问主页，警报会出现一次。如果我按后退按钮，然后按浏览器上的前进按钮，主页将加载，现在出现两个警报。如果我再次重复此过程，将出现三个警报。

这是我的问题：

为什么当我明确告诉 Turbolinks 不要缓存页面时，它会缓存页面。它是否与 Turbolinks 转换文档就绪事件侦听器有关？如何解决这个问题，让它每次只加载一次？

Answer 1

在加载时使用它

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

https://github.com/turbolinks/turbolinks-classic#events

Answer 2

使用turbolinks:load

<script>
  $(document).on('turbolinks:load',function() {
    alert('hello');
  });
</script>

Answer 3

试试这样的

<script>
  $(document).ready(function() {
    if (alert('hello')) {
    }
    else {
     alert('hello');
    }
  });
</script>