Question

我有一个网站，我从addThis切换到addToAny用于社交分享按钮。问题是共享按钮包含在使用jquery Waypoints无限滚动功能（使用Ajax）动态加载的内容中。当页面首次加载时（所以没有调用Ajax）一切都很好，但是当用户滚动并添加包含共享按钮的更多内容时，新按钮不起作用，因为它们不显示共享选项悬停或点击。

如果使用Drupal或Wordpress之类的模板，可能会有一些修复，但我的网站不是使用任何这些模板构建的。这也是addThis的一个已知问题，为了解决这个问题你只需要将'addthis.toolbox（'。addthis_toolbox'）'添加到ajax调用的成功部分，事情就可以了。

在ajax返回后，我没有成功使addToAny工作。他们看起来很有前途：a2a.init（'page'），但这不起作用。有没有人有这个问题，并有任何建议如何解决它？谢谢！

Answer 1

如果在一个页面上有这么多分享按钮，你可以在ajax成功之后调用它：

$(".a2a_dd").each(function() {
    a2a.init('page');
});

或者如果只有一个共享按钮，您可以在ajax成功之后使用它：

a2a.init('page');

如果想了解更多详情，请浏览this document

Answer 2

根据AddToAny API（https://www.addtoany.com/buttons/api/），如果要通过AJAX一次加载许多新的共享按钮集，则应使用a2a.init_all();。

使用a2a.init('page');仅初始化页面上 last 未初始化的按钮实例。这可能对您来说很好，这取决于您一次加载了多少个新按钮。

示例：您有一个博客网站，当用户滚动到页面末尾时，该博客网站会加载新帖子。如果您只为新内容加载一组新的共享按钮，则a2a.init('page');应该可以使用。相反，如果您一次要加载一些新帖子，每个帖子都有自己的一组共享按钮，则需要使用a2a.init_all();

希望这对某人有帮助！

在Ajax之后重新加载AddToAny

2 个答案: