Question

我有一个页面，我链接到Colorbox iframe中的一些内容。每个iframe的来源是我网站上的另一个页面。

<script type="text/javascript">
$(document).ready(function(){
    $('#content a').colorbox({ iframe: true, innerHeight: 580, innerWidth: 700 });
});
</script>

在iframed页面中，我使用HTML5代码实现了Facebook Comments插件。

<div id="fb-root"></div>
<div class="fb-comments" data-href="http://mydomain.com/permalink" data-num-posts="5" data-width="640" data-colorscheme="dark"></div>
<script type="text/javascript">
    (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";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

在我初次加载链接页面后打开的第一个iframe中，comments插件可以正常工作。但在关闭iframe并打开另一个后，它和后续的Colorbox iframe将不显示评论插件。

在打开iframe时，Web检查器打开javscript moinitor，我没有错误。

单独显示每个嵌入页面，评论插件按预期工作。

有什么想法吗？我是否需要挂钩到Colorbox的cbox_load事件并在此时重新初始化注释插件？

在Colorbox iframe中使用Facebook评论

0 个答案: