2

次のような Facebook のコメントを呼び出すことができます。

<div class="fb-comments" data-href="http://www.google.com/" data-num-posts="2" data-width="470"></div>

今度は、次のように「.description」という div に「append」して動的に呼び出したいと思います。

setTimeout(function() {
$('.embed').find('.description').append('<div class="fb-comments" data-href="http://www.google.com/" data-num-posts="2" data-width="470"></div>');
}, 1000);

問題は、それが追加されないことです。例を見てみましょう: JsFiddle

また、Facebook スクリプトに問題がないことを示すために、Facebook コメントを HTML パーツ内の通常の div として配置しました。

4

1 に答える 1

3

Facebook JavaScript SDKを実装する必要があります。この SDK には という関数がありますFB.XFBML.parse()。

この関数は、ドキュメント内の XFBML マークアップをオンザフライで解析およびレンダリングします。これは、サーバーから ajax 経由で XFBML を送信し、それをクライアント側でレンダリングする場合に使用できます。XFBML を使用すると、FBML を Web サイトや IFrame アプリケーションに組み込むことができます。

コメント プラグイン コードを追加し、それFB.XFBML.parse()を含む要素の ID に対して関数を実行するだけです。

FB.XFBML.parse(document.getElementById('facebook_comments_holder'));

jQuery（およびあなたの特定の例）では、必要なコードはこれだと思います-

// assuming the folowing selector matches only one element
var element = $('.embed').find('.description')[0];
FB.XFBML.parse(element);
于 2012-10-08T10:28:31.400 に答える