0

ブートストラップ 2 タブ セット内で Facebook コメント ウィジェットを使用しようとしています。コメントが配置されているタブが「デフォルト」または表示されているタブでない場合、FB コメント iFrame はタブ選択に表示されません。

このフィドルを参照してください: http://jsfiddle.net/e9QkE/1/

(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

タブを更新したり、タブの選択時に FB iframe をトリガーしたりする方法はありますか?

4

1 に答える 1

0

コンテナが の場合、Facebook のコメントは表示されませんdisplay:none。これは、デフォルト以外のタブの場合です。

私が使用した代替手段は、コンテナーが表示されるまで fb コメントをレンダリングしないことでした。これは、

window.fbAsyncInit = function () {
    FB.init({
        xfbml:false  // Will stop the fb like button from rendering automatically
    });
};

次に、fb コメントをレンダリングするには、次を使用できます。

FB.XFBML.parse(); // This will render all tags on the page

//or the following is a Jquery example on how to render all XFBML within an element

FB.XFBML.parse($('#profile')[0]);   // profile is the id of element which contains the fb code

// In plain js,
FB.XFBML.parse(document.getElementById("profile"));

参照: SO 回答のコード。

于 2013-11-02T17:26:01.823 に答える