javascript - 当我使用 addthis 时，Addthis 是未定义的，当我通过 Ajax 加载页面时

Question

我尝试在进行 ajax 调用时显示“添加此共享”按钮。在第一次调用 ajax 时，按钮没有显示，但是当我重新加载整个页面时一切正常，按钮在正确的位置。

我搜索了很多修复程序，但没有一个适合我。其中之一是 addthis.toolbox();或 window.addthis 但是当我在 JavaScript 标签中使用 addthis 一词时，浏览器调试器会写入错误“addthis is undefined”。

请给我明智的建议发生了什么，我该如何解决？

代码(它是从 ajax 调用加载的部分 View ):

<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-xxxxx" async="async"></script>

<div class="addthis_sharing_toolbox"></div>

<script>
 addthis.toolbox(); // addthis - is undefined
</script>

Answer 1

我已经解决了这个问题。

在我的项目中，我有 3 个 View 级别

1. _布局
2. 查看
3. _partialview

我在 _partialView 中添加了这个 Js 引用和按钮的 Div。

但是，当我将 Js 引用移动到 View 并更改 Url(add - &async=1) 时，它工作正常，现在 'addthis' - 已定义(直到此处未定义)。

Hare 是完整的例子:

查看:

    <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-'yourPubId'&async=1"></script>
//Some Code 

_部分 View :

//Some Code 
<div class="addthis_sharing_toolbox"></div>

<script>
    $(function() {
        addthis.init(); 
        addthis.layers.refresh(); 
      });
</script>

祝你好运，当你通过 Ajax 加载页面时，每个人都可以使用这个完美的插件“addthis”。