使用javascript插入fb:comments

时间:2011-03-15 20:36:23

标签: facebook xfbml

如何使用javascript插入facebook评论插件?我的网站是ajax驱动的,我需要加载/重新加载facebook评论插件,具体取决于哈希(index.html /#frontpage) - > (index.html的/#MOVIE1)。我的第一个想法是使用innerHTML:

document.getElementById('facebook').innerHTML = "<div id='fb-root'></div><fb:comments href='http://viljegse.dk/' num_posts='10' width='572'></fb:comments></div>";

然而这不起作用,所以我尝试创建元素然后附加它们,但是有<fb:comments>元素,这是一个问题。

祝你好运, Ulrik合作

2 个答案:

答案 0 :(得分:12)

FB:Root应该在构建时成为页面的一部分,并使用FB提供的Javascript在文档加载时异步加载Facebook JS库....就像FB描述一样。

然后,使用

插入FB注释
document.getElementById('theplace').innerHTML="<fb:comments blah blah blah></fb:comments>"

然后

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

这段代码将初始化FB:评论。

您可以在Track Vision - races page的页面上看到相关的工作示例 我花了一些时间在这个代码上出汗,但它现在全部功能了! FB文档令人震惊!

一切顺利

答案 1 :(得分:0)

我能够解决在onLoad()回调上调用FB.XFBML.parse的问题