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テンプレートが画面にレンダリングされたら、レンダリング関数を呼び出す必要があります。

ドキュメントのjavascriptセクションを使用したチェックアウトレンダリング： http ：//support.addthis.com/customer/portal/articles/381263-addthis-client-api

于 2013-03-08T20:17:02.293 に答える