2012-02-17 14 views
2

data-hrefをカスタマイズできるように、JavaScript(jQuery)を使用してFacebookのコメントを追加します。次のコードを使用しましたが、div col2には何も表示されません。JavaScriptを使用してFacebookのコメントを表示するには?

$("#col2").html(
    id+"<div class='fb-comments' data-href='http://127.0.0.1/GazaPlaces/' data-num-posts='2'"+ 
    " data-width='500'></div>" 
); 

解決策は何ですか。

答えて

6

のFacebookのJavaScript SDKを使用してください:

<script> 
    (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&appId=75803274170"; 
     fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script> 

あなたはすでにそれをロードして、あなたはその後、別のコメントプラグインを追加したい場合は、それはあなたが動的にdiv要素があなたのコードでは、その後、あなたが呼び出す必要が追加されますXFBMLの解析方法:

FB.XFBML.parse(); 
or 
FB.XFBML.parse($(id)); 

あなたはFB.XFBML.parseでそれについての詳細を読むことができます。

関連する問題