アンカーの問題を使用しているdata-hrefのFacebookコメントボックス

Question

現在、1つのページに3つのコメントボックスがあります。このページには異なるコンテンツを表示する3つのタブがあり、各タブコンテンツにはそれぞれのコメントセクションがあり、他の2つとは異なります。

ユニークなコメントは各タブのためにロードされていることを確認するために、私は現在と似たような使用しています：これは、関連するコンテンツを表示して動作し

<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" ... 

を。

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

問題がこのリンクユーザーが指定されていることである：誰かがこれらのコメントの一つに返信するときしかし、元commentorは次のように表示され、そのFBのプロフィールにリンクを受け取ります関連するコメントスレッド、またはアンカーベースのdata-hrefコメントボックスを表示しません。おそらく、最後のアンカーがディスプレイを引き上げているでしょうか？もしそうなら、1つのページに異なる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> 

おそらく、あなたの問題は、Facebookは、ページとして「#tab」を扱うと同じように、単に「index.htmlに」を削除することで解決ではなく、できることを利用して似たような実装あなたはこの答えを見つけるか、リンクページの別の部分に

私のソリューションはここhttp://stabmail.com/study-groups-tutoring/