javascript - Turbolinks 加载事件不适用于页面刷新

Question

像这样的 Javascript 代码

document.addEventListener("turbolinks:load", function() {
  $("p#hide_if_js").hide();
});

当我在页面之间单击或使用浏览器后退按钮时，turbolinks 工作正常。但是，当我刷新页面时，javascript 代码没有加载。如果我刷新几次，什么也没有发生，但如果我点击一个链接到不同的返回并点击返回页面，javascript 代码现在被加载。

看起来 turbolinks:load 对大多数事件有效，但对页面重新加载无效。文档说它“在初始页面加载时触发一次，并在每次 Turbolinks 访问后触发”。出了什么问题？

我正在使用 jquery.turbolinks gem 和相关的 compatibility代码。

Answer 1

在 uzaif's 的帮助下评论，下面的工作

  ready = ->
    if $('body').attr('data-loaded') == 'T'
      return
    # code goes here
    $('body').attr('data-loaded','T')
  $(document).ready(ready)
  $(document).on('turbolinks:load', ready)

$('body').attr('data-loaded') 行是为了防止代码加载两次。

按照 turbolinks 说明的建议，此方法使用事件委托(delegate)。目前尚不清楚为什么仍然需要使用 $(document).ready(ready)，因为 turbolink:load 旨在涵盖这一点。