ajax - 将类似 facebook 的按钮与动态加载的内容集成

Question

我正在处理的网站包含一个通过 AJAX 动态加载的项目列表。当您向下滚动页面时，会加载更多项目。

现在我的客户想要为每个项目添加一个 Facebook 赞按钮(以及喜欢它的人数)。

集成默认的点赞按钮没问题，但是如何将点赞按钮添加到通过 AJAX 加载的项目中？如果加载了一个新项目，Facebook API 如何知道 DOM 树中有一个新的点赞按钮需要获取有多少人喜欢这个按钮？

有没有人有这方面的经验？有可用的例子吗？除了集成标准按钮之外，我的搜索没有发现任何有用的东西。

Answer 1

迟到的答案，但您可以在函数的回调中使用 Facebook API 的解析函数来加载新元素以呈现新的类似按钮:

FB.XFBML.parse();

您还可以将解析器指向您想要渲染的元素，这样它就不会重新渲染已经存在的按钮:

FB.XFBML.parse(document.getElementById('foo'));

这是直接来自文档:https://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/