附加脸书评论

Question

我可以像这样调用 facebook cmets：

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

现在我想通过“追加”到一个名为“.description”的 div 来动态调用它，如下所示：

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 cmets 作为常规 div 放在 HTML 部分中，只是为了表明 facebook 脚本没有问题。

Answer 1

您将不得不实现 Facebook JavaScript SDK。此 SDK 有一个名为 FB.XFBML.parse() 的函数。

此函数解析并呈现 XFBML 标记在 飞。如果您通过 ajax 从服务器发送 XFBML，则可以使用此方法 并希望在客户端呈现它。 XFBML 使您能够将 FBML 到您的网站和 IFrame 应用程序中。

您所要做的就是附加评论插件代码，然后在包含元素的 ID 上执行 FB.XFBML.parse() 函数。

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);