生成指向其他网址的动态addthis工具箱

时间:2014-02-05 01:29:12

标签: javascript jquery dynamic addthis

所以,我有一个有无限滚动的博客帖子列表(滚动到底部没有页面刷新时,下一页动态呈现)。我想从列表中看到addthis统计数据。我设置了类似的东西:

<?php foreach($results as $r): ?>
<!-- HTML post markup --><div class="post">BLAH!</div>

    <div class="post-detail-footer clearfix">
        <!-- AddThis Button BEGIN -->
        <div class="addthis_toolbox addthis_default_style " addthis:url="<?php echo $link ?>" addthis_title="<?php echo $r['title']; ?>">
        <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
        <a class="addthis_button_tweet"></a>
        <a class="addthis_button_pinterest_pinit"></a>
        <a class="addthis_counter addthis_pill_style"></a>
        </div>
        <!-- AddThis Button END -->
    </div>
<?php endforeach; ?>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-513a6f8b612e023f&async=1"></script>
<script>    addthis.init();</script>

滚动到底部后,下一页使用与上面完全相同的格式动态呈现新内容,但不同的内容除了“.addthis_toolbox”div还有一个额外的类:'addthis-needed'。那么,我使用javascript来尝试渲染那些addthis吧。

    addthis.toolbox('.addthis-needed');
    $('.addthis-needed').removeClass('addthis-needed');

这就是我被困住的地方。工具箱中的一些工具箱可以正常工作,但其中一些工具箱给我这个:(见截图)enter image description here

1 个答案:

答案 0 :(得分:0)

经过一番挖掘,我发现你可以直接将这个网址添加到facebook / twitter按钮。我遵循了这些指示,它对我有用:http://support.addthis.com/customer/portal/articles/125634-setting-the-url-to-share