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

时间:2016-04-06 05:04:18

标签: javascript facebook-javascript-sdk facebook-comments html5-history

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

对于基于ajax的网站。我在第一篇文章末尾加载下一篇文章并使用HTML5 History API更改URL。

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

1 个答案:

答案 0 :(得分:2)

我找到了解决方案。只需将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调用之后将上述HTML填充到文档中,并在JavaScript上面的成功方法调用上填充。