Facebook评论插件不会在iframe中显示

时间:2013-05-08 17:12:11

标签: facebook iframe plugins fancybox comments

我正在尝试在我的fancybox(iframe)中使用facebook评论插件但是由于某种原因插件无法加载/显示。就像注释插件旁边的插件一样正常。

我正在使用HTML5标记选项。这是一个常见问题,是否可能在2013年6月的变更中得到解决?

1 个答案:

答案 0 :(得分:2)

我刚尝试使用Fancybox提供的演示代码测试iframe和评论插件,没有问题。 iFrame正在加载以下代码文件

<!DOCTYPE html>
<html>
<head>
    <title>fancyBox - iframe demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=327444117315763";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<h1>fancyBox - iframe demo</h1>
<div class="fb-comments" data-href="http://localhost" data-width="470" data-num-posts="10"></div>

</body>
</html>