带有addthis按钮的无限滚动

时间:2012-10-02 20:30:21

标签: ajax scroll addthis infinite

我正在我的页面上运行一些测试,并且我已经输入了一个无限滚动功能,女巫工作正常。

问题是,在10º结果之后,addthis按钮没有加载到页面结尾,因为这个内容来自另一个php。我需要在php或.js文件中放置什么才能使其正常工作?

测试页面是http://hogardelocio.com/teste2.php,正如您所看到的,前10篇文章是完美的,向下滚动页面会加载更多文章,但按钮不会显示...

请给我一步一步的解释,因为我在ajax世界的初学者:)

谢谢

Ps:无限滚动的脚本是https://github.com/tournasdim/PHP-infinite-scrolling

1 个答案:

答案 0 :(得分:5)

通过ajax从PHP脚本加载内容后,需要调用addthis.toolbox()(在$ .ajax成功回调中):

$.ajax({
    dataType : "html" ,
    url: "jquery-loadMoreComments.php?lastComment="+ $(".postedComment:last").attr('id') ,  
    success: function(html) {
        // your existing code
        addthis.toolbox('.addthis_toolbox');
    }
};

这应该重新呈现页面上的所有共享按钮。我希望这有效。

更新 - 将类名添加到工具箱方法