附加Facebook评论

时间:2012-10-08 09:51:28

标签: javascript jquery append

我可以这样打电话给facebook评论:

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

现在我想动态调用它,并将'append'添加到名为'.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评论作为常规div放在HTML部分中,只是为了表明facebook脚本没有任何问题。

1 个答案:

答案 0 :(得分:3)

您必须实施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);