用户报告和涡轮链接 - 如何使JS涡轮链接兼容

UserReport and Turbolinks - How to make JS turbolinks compatible?

本文关键字：链接 JS 何使 报告 用户      更新时间：2023-09-26

我正在运行轨道，我的身体标签末尾有这段代码。

:javascript
  var _urq = _urq || [];
  _urq.push(['initSite', 'mySiteId']);
  (function() {
  var ur = document.createElement('script'); ur.type = 'text/javascript'; ur.async = true;
  ur.src = ('https:' == document.location.protocol ? 'https://cdn.userreport.com/userreport.js' : 'http://cdn.userreport.com/userreport.js');
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ur, s);
  })();

无论我做什么，单击任何和所有启用涡轮链接的链接都会破坏此代码。按钮消失。

我尝试将代码封装在一个名为userReport的函数中，然后执行以下操作：

$(document).ready(userReport);
$(document).on('page:load', userReport);

这行不通。

非常欢迎提出建议:)

您的脚本位于正文部分的末尾，每次重新加载body时script元素插入 html 的head部分。我想知道，你为什么需要这样做？因为，每次点击链接时，您都会在文档的head部分获得一个重复的script元素（感谢涡轮链接的魔力）。这可能是您问题的原因。

如果你真的需要通过javascript来做到这一点，试着在app/assets/javascript/application的末尾添加你的代码.js（我知道不建议这样做，而只是为了测试这个想法）。希望对您有所帮助。

更新根据UserReport的文档，javascript片段应该属于head部分。要以相同的方式执行此操作，如他们的示例中所示，您可以将脚本放在"userreport"部分中，并在应用程序的布局模板中使用该部分： 

<head>
  …
  <%= render 'layots/userreport' %>
</head>

不幸的是，userreport.js 脚本不启用小部件的"重新加载"，因此这是不可能的。

我从 CDN 中提取代码，对其进行修改并在我的资产中使用它，以便我可以在想要显示小部件时调用reset_user_report();（请参阅此存储库：https://github.com/nicolasmlv/userreport-turbolinks）

使用

风险自负，因为它将不再使用用户报告 CDN（功能更新/错误修复）

相关文章：