如何在单个页面上添加多个Facebook评论框

How to add multiple Facebook comments box on single page?

本文关键字：Facebook 评论 添加 单个页      更新时间：2024-01-12

如何在一页上添加多个评论框？

适用于基于ajax的网站。我将在第一篇文章的末尾加载下一篇文章，并使用HTML5历史API更改URL。

脚本：FB.XFBML.parse();重新呈现为document设置的当前URL的所有Facebook小部件。

我找到了解决方案。只需将div.fb-comments元素包装在任何div父级中，并使用元素DOM元素调用FB.XFBML.parse()。

示例：

HTML：

<article>
    ...
</article>
<div id="fb_comments_box_123">
    <div class="fb-comments" data-href="http://www.example.com/article-story-1"></div>
</div>

JS:

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

在Ajax调用之后以及在JavaScript之上的成功方法调用之后，将上面的HTML填充到文档中。

相关文章：