Question

目前我在一个页面上有3个评论框。该页面有三个显示不同内容的选项卡，每个选项卡内容都有自己的评论部分，与其他两个不同。

为了确保为每个标签加载唯一注释，我目前正在使用类似于：

的内容

<div class="fb-comments" data-href="http://webpage.com/index.html#tab1" 
     data-num-posts="2" data-width="470"></div>
<div class="fb-comments" data-href="http://webpage.com/index.html#tab2" ...
<div class="fb-comments" data-href="http://webpage.com/index.html#tab3" ...

这适用于显示相关内容。但是，当有人回复其中一条评论时，原始评论员会在其fb个人资料中收到一个链接，该链接显示为：

http://webpage.com/index.html?fb_comment_id=fbc_26547577547547_477747457_3745757457435737#4574575475

问题是给定用户的这个链接没有显示相关的评论主题，甚至没有显示基于锚点的data-href评论框。也许最终的锚点正在绊倒显示器？如果是这样，是否有一个范例在一个页面上有不同的Facebook评论框？

感谢您解决这个烦人问题的任何帮助。

Answer 1

我使用此代码实现了类似的东西

<div class="fb-comments" data-href="http://stabmail.com/study-groups-tutoring/#comm-enl" data-width="880" data-num-posts="20"></div>


<div class="fb-comments" data-href="http://stabmail.com/study-groups-tutoring/#comm-esl" data-width="880" data-num-posts="20"></div>


<div class="fb-comments" data-href="http://stabmail.com/study-groups-tutoring/#psyc" data-width="880" data-num-posts="20"></div>

也许您的问题可以通过简单地删除'index.html'来解决，因为Facebook会将'＃tab'视为页面，而不是链接到页面的其他部分

我的解决方案可以在这里工作http://stabmail.com/study-groups-tutoring/

Facebook评论框与data-href使用锚点问题

1 个答案: