Question

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>

然后将它放在骨干视图中的render函数的末尾：

        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'));

但是这仍然没有渲染。

Answer 1

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

您需要做的是，在模板渲染到屏幕后调用AddThis渲染功能。

结帐使用其文档的javascript 部分进行渲染：http://support.addthis.com/customer/portal/articles/381263-addthis-client-api

添加此按钮未显示在backbone.js模板中

1 个答案: