微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Rails 6 和 turbolinks:在加载新的 \<head> 脚本之前触发 'turbolinks:load'

如何解决Rails 6 和 turbolinks:在加载新的 \<head> 脚本之前触发 'turbolinks:load'

我有一个 Rails 6 项目。当使用 turbolinks 加载页面时,turbolinks:load 事件会在

脚本被合并和执行之前触发。这些脚本中的事件监听器永远不会被执行,因为它们是在事件发生后添加的。

例如在布局的

部分中包含以下内容页面
    = javascript_pack_tag 'application','data-turbolinks-track': 'reload',defer: 'defer'
    = yield :extra_head

这是在页面顶部:

- content_for :extra_head do
  = javascript_pack_tag 'club_edit'

生成此 html:

<script src="/packs/js/application-629a480faedfc40e8948.js" data-turbolinks-track="reload" defer="defer"></script>
<script src="/packs/js/club_edit-8d7d256609de3b852df1.js"></script>

club_edit.js 文件turbolinks:load 添加一个监听器来调用一个名为 init()函数

document.addEventListener('turbolinks:load',init);

当我“正常”加载页面时,这会按预期工作,并调用 init() 函数。但是,如果我从 turbolinks 链接加载它,它会调用 xhr 并且在添加侦听器之前触发 turbolinks:load 事件。

我应该怎么做才能确保 init() 函数以任何一种方式被调用

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。