javascript - AddThis 按钮在导航到其他路线后消失

Question

我正在使用 AddThis http://www.addthis.com插件在社交网络上分享我的页面。我把这段代码放在我的网站上：

<!-- AddThis Smart Layers BEGIN -->
    <!-- Go to http://www.addthis.com/get/smart-layers to customize -->
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-xxx">
    </script>

    <script type="text/javascript">
      addthis.layers({
        'theme' : 'transparent',
        'share' : {
          'position' : 'left',
          'numPreferredServices' : 5
        }   
      });
    </script>
    <!-- AddThis Smart Layers END -->

当我打开我的网站时，按钮正常显示，但在我导航到其他位置后，它们消失了。即使当我返回主页时，它们也没有显示。只有在我刷新我的网站后，按钮才会再次出现。

我尝试使用此解决方案，但似乎无法正常工作：

addthis 按钮消失了？

感谢您的帮助。

Answer 1

现在我已经这样做了。这是一个非常糟糕的解决方案，但我无法让它正常工作。我将此代码放在我不刷新页面的所有视图中。因此，相同的代码在主 application.html.erb 文件中以及通过“主页”页面访问的其他两个视图中。

<script type="text/javascript">$(document).ready(function() {
    var script = 'http://s7.addthis.com/js/300/addthis_widget.js?domready=1#pubid=xxx';
    if (window.addthis){
        window.addthis = null;
        window._adr = null;
        window._atc = null;
        window._atd = null;
        window._ate = null;
        window._atr = null;
        window._atw = null;
    }
    $.getScript( script, function() {
        addthis.layers({
            'theme' : 'transparent',
            'share' : {
            'position' : 'left',
            'numPreferredServices' : 5
            }   
        });
    });
});
</script>

我知道这是一个非常糟糕的解决方案，因为我 c/p 相同的代码。