javascript - Turbolinks 多次加载 Javascript

Question

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

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

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

Turbolinks.pagesCached(0);

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

这是我的问题:

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

Answer 1

使用 turbolinks:load

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