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

Question

我有一个JS图片库，当用户单击缩略图时，它会从API加载单个图像到页面中。我希望人们能够在每个图片上添加Facebook评论。因此，我在包含图库的页面中获得了我的Facebook评论元素。

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

在加载页面并首先填充图库时，我将comments元素的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中的click事件是否确实将data-href属性更改为正确的值。当我在fb-comments元素中硬编码了一个不同的data-href时，注释会按照预期呈现出来。

Answer 1

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

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

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