我有一个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时,评论会按预期显示。