【问题标题】:infinite scroll with addthis button使用 addthis 按钮无限滚动
【发布时间】:2012-09-23 17:59:43
【问题描述】:

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

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

测试页面是这个http://hogardelocio.com/teste2.php,你可以看到,前10篇文章很完美,向下滚动页面会加载更多文章但按钮不显示...

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

谢谢

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

【问题讨论】:

    标签: ajax scroll addthis infinite


    【解决方案1】:

    通过 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');
        }
    };
    

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

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

    【讨论】:

    • 它没有用,我试过这个 addthis.toolbox() 和这个 addthis.toolbox('#toolbox'),在第二种情况下,我在加载之前创建了一个 div id 工具箱我的php上的按钮,它仅在“第二页”的1º文章上显示该按钮,但单击时链接错误。
    • 哦,对不起,我刚刚测试过,调用工具箱时需要指定类 - addthis.toolbox('.addthis_toolbox'); 并确保在附加 html 后调用它。我注意到您在成功回调后立即调用它。
    • 是的,现在我明白了,我开始更好地理解这些脚本 :) 感谢您的帮助
    猜你喜欢
    • 1970-01-01
    • 2015-08-07
    • 2013-04-29
    • 1970-01-01
    • 2016-05-12
    • 1970-01-01
    • 1970-01-01
    • 2014-04-13
    相关资源
    最近更新 更多