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

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/