javascript - FB.XFBML.parse() 不刷新 Facebook 评论

Question

我有一个 JS 照片库，当用户单击缩略图时，它可以将单个图像从 API 加载到页面中。我希望人们能够在每张图片上添加 Facebook 评论。所以我在包含画廊的页面中有我的 Facebook 评论元素。

<div class="fb-comments" data-href="" data-num-posts="10" data-width="480"></div>

在加载页面并首先填充图库时，我将评论元素的 data-href 属性设置为第一张图片的 URL(例如 http://site.com/gallery/1027/1)。然后，如果用户点击缩略图，我将该属性重置为所选图像的 URL。

fbComments.attr('data-href', data.link + index);
FB.XFBML.parse();

FB.XFBML.parse(); 是我读到的让 Facebook 刷新评论应该做的事情。我已经为一张图片添加了评论，并尝试单击没有评论的图片的缩略图。但我对第一张图片的评论仍然存在。谁能告诉我为什么？

我已经尝试在我的 JS 文件中注销 FB 对象，并且它记录正常，所以它在我调用它的时候可用。我检查过我的 JS 中的点击事件确实将 data-href 属性更改为正确的值。当我在 fb-comments 元素中硬编码不同的 data-href 时，评论会按预期呈现。

Answer 1

我建议您从 dom 中完全删除以前的评论框，然后插入一个带有正确 data-href 的新 html，然后调用 FB.XFBML.parse 方法。

另一件事是您应该指定解析位置，如下所示:

FB.XFBML.parse(document.getElementById("container-id"));