ruby-on-rails - Turbolinks 和 3d 派对插件问题？

Question

我有网站 http://www.optimapo.ru/我安装了一些 3d 派对脚本:实时聊天 (https://www.jivochat.com/) 和 yandex 分析。但是由于涡轮链接，它们无法正常工作。例如，实时聊天仅出现在主页上。但是当我们转到另一个使用 turbolinks 加载的页面时，它就会消失。

我在关闭正文标记之前在我的代码中包含脚本

<!-- BEGIN JIVOSITE CODE {literal} -->
<script type='text/javascript'>
(function(){ var widget_id = '2qq06akKwZ';var d=document;var w=window;function l(){
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//code.jivosite.com/script/widget/'+widget_id; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);}if(d.readyState=='complete'){l();}else{if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script>
<!-- {/literal} END JIVOSITE CODE -->
<!-- Yandex.Metrika counter --> <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter39034390 = new Ya.Metrika({ id:39034390, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, trackHash:true, ut:"noindex" }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/39034390?ut=noindex" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->

</body>

那么我该怎么做才能使脚本与 turbolinks 一起工作？

Answer 1

我不认为这完全可能与您包含的代码段的实现方式有关。让我们看一下，我把它放在了多行以便更容易阅读，但这里都在里面:

var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = '//code.jivosite.com/script/widget/'+widget_id;
var ss = document.getElementsByTagName('script')[0];
ss.parentNode.insertBefore(s, ss);

如果您查看 turbolinks 兼容性，它报告的问题之一是附加到头部的自加载脚本:http://reed.github.io/turbolinks-compatibility/

我不知道 document.getElementsByTagName('script')[0] 在您的页面上的什么位置，但它很有可能在您的头部，因为它是页面上的第一个脚本。您可以改为在正文末尾插入片段吗？