0

AddThis 按钮未显示在我的backbone.js 模板中。

我的backbone.js 模板文件中有以下代码:

            <!-- AddThis Button BEGIN -->
            <div class="addthis_toolbox addthis_default_style ">
            <a class="addthis_button_facebook sharebtn"></a>
            <a class="addthis_button_twitter sharebtn"></a>
            <a class="addthis_button_preferred_4 sharebtn"></a>
            </div>

我将以下内容放在头文件中。

<script type='text/javascript' src="https://s7.addthis.com/js/300/addthis_widget.js"></script>

头文件使用 django 模板呈现。

我能做些什么?

编辑:

我试着把它放在主干模板中:

<div id = "toolbox"></div>

然后把它放在主干视图中渲染函数的末尾:

        tbx = that.$el.find("div#toolbox"),
            svcs = {email: 'Email', print: 'Print', facebook: 'Facebook',
                expanded: 'More'};

        for (var s in svcs) {
            tbx.innerHTML += '<a class="addthis_button_'+s+'">'+svcs[s]+'</a>';
        }

        addthis.toolbox(document.getElementById('toolbox'));

但是 addthis 仍然没有渲染。

4

1 回答 1

0

AddThis插件脚本在加载时解析 HTML 。您的模板是异步加载的,因此AddThis没有找到相关的标记来呈现按钮。

您需要做的是在AddThis模板渲染到屏幕后调用渲染函数。

Checkout Render with javascript section of their doc:http: //support.addthis.com/customer/portal/articles/381263-addthis-client-api

于 2013-03-08T20:17:02.293 回答