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

标签 ajax facebook facebook-like

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

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

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

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

最佳答案

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

FB.XFBML.parse();

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

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

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

关于ajax - 将类似 facebook 的按钮与动态加载的内容集成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5441134/

相关文章:

javascript - 无法让 JQuery AJAX 成功事件显示感谢页面

php - 无法使用 javascript 打印 AJAX 返回的数组

iphone - 如何在不使用开放图谱API的情况下在Facebook墙上发布图像和文本

javascript - Facebook Like 按钮抛出错误并显示重复项

facebook - 对于 HTTPS 用户,共享的 Facebook 视频不会内嵌在墙帖中显示

jquery - Facebook 喜欢 iframe 减慢页面加载速度

jquery - 玩框架,jquery ajax调用冲突

javascript - 为什么 Jquery 在使用 set minutes 函数设置时间后显示当前系统时间?

ios - Facebook scores api with iOS5.1 - Can read scores...但不能发布

Facebook graph api 在获取用户喜欢时出现空数据