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

Question

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

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

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

Answer 1

我找到了解决方案。只需将 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 填充到文档中。