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元素中对不同的数据href进行硬编码时,注释会按预期呈现.

Answer 1

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

另一件事是你应该指定解析的位置,如下所示:

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