facebook - 插入 fb :comments with javascript

标签 facebook xfbml

如何使用 javascript 插入 facebook 评论插件?我的网站是 ajax 驱动的,我需要根据哈希 (index.html/#frontpage) -> (index.html/#movie1) 加载/重新加载 facebook 评论插件。我的第一个想法是使用 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>元素,这是一个问题。

最好的问候, 乌尔里克

最佳答案

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:Comments。

您可以在我的页面上看到一个工作示例 Track Vision - races page 我花了一段时间在这段代码上大汗淋漓,但现在一切正常了! FB 文档令人震惊!

一切顺利

关于facebook - 插入 fb :comments with javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5317724/

相关文章:

javascript - Fan-Gate、Like-Gate、show-to-connections、javascript 和 like box?

facebook - 检测用户是否单击 XFBML 页面中的 'Like' 按钮的事件处理

facebook - 开放图谱测试版 : How can you tag friends in a action?

javascript - 如果应用程序存在,链接到打开的 facebook 应用程序,否则网页

android - ApplicationId 不能为空

facebook - 是否可以在 iFrame 应用程序内通过 facebook Translations 应用程序实现国际化,而不使用已弃用的 FBML 技术?

ajax - 如何通过ajax放置XFBML代码?

div :hover in IE8 and 9 not working correctly with facebook like box, 上的 CSS 边距变化偶尔跳跃

angular - 如何在 Angular 中实现 Facebook 像素?

facebook - 用于撰写 Facebook 电子邮件/消息的 URL(通过 URL 参数撰写电子邮件)