3

我有一个 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 中的 click 事件确实将 data-href 属性更改为正确的值。当我在 fb-comments 元素中硬编码不同的 data-href 时，评论会按预期呈现。

4

1 回答 1

7

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

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

FB.XFBML.parse(document.getElementById("container-id"));
于 2012-04-18T17:04:29.350 回答