Javascript 插件无法与 Turbolink 一起正常工作

Question

我正在使用共享按钮(javascript 插件)。当我打开一个页面时，它会显示该按钮，但当我打开其他页面时，它会消失。当我刷新网站时它再次出现。它可以与 jquery.turbolinks 一起正常工作，并且可以在没有 Turbolinks gem 的情况下正常工作，但是如果没有它，网站会非常慢。如何让网站更快？我的website ，现在插件可以工作了，因为我删除了 Turbolinks。

application.js

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require lightbox
//= require_tree .
//= require turbolinks

application.html.erb JavaScript 插件

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-588e44a9401a6d9f"></script>
<script type="text/javascript" id="st_insights_js" src="http://w.sharethis.com/button/buttons.js?publisher=630cdfb3-b6c5-4da7-a389-1c7d5340827d"></script>
<script type="text/javascript">stLight.options({publisher: "630cdfb3-b6c5-4da7-a389-1c7d5340827d", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

Gemfile

gem 'jquery-turbolinks'
gem 'turbolinks', '~> 5.0.1'

我尝试在 javascript 文件中添加一个插件，但结果相同

$(document).on('turbolinks:load', function(){
  stLight.options({publisher: "630cdfb3-b6c5-4da7-a389-1c7d5340827d",      doNotHash: false, doNotCopy: false, hashAddressBar: false});
});

Answer 1

我认为你需要重新初始化按钮，因为buttons.js脚本没有通过turbolinks重新插入......我会尝试这样的事情:

$(document).on('turbolinks:load', function(){
    stLight.readyRun = false;
    stLight.onReady(); // re-initialization
});

希望这有帮助!