在“灯箱”中添加 Facebook 评论答案

【问题标题】：Add facebook comments inside a 'lightbox'在“灯箱”中添加 Facebook 评论
【发布时间】：2011-09-04 23:50:10
【问题描述】：

我正在建立一个网站来展示一些照片。使用类似灯箱的效果查看照片。我想在“灯箱”中添加 facebook cmets，但 cmets 无法加载。

$(函数() {

    $('.pics').click(function(){

         ...
         ...

         $(".comments").html("<div id=\"fb-root\"></div><script src=\"http://connect.facebook.net/en_US/all.js#xfbml=1\">" + "<" + "/" + "script>" + "<fb:comments href=\"example.com\" num_posts=\"5\" width=\"800\"></fb:comments>");

          }); 

    });

提前致谢。

【问题讨论】：

标签： javascript jquery facebook comments

【解决方案1】：

我认为您应该先尝试渲染 cmets，但要让它们不可见。比如：

<div id="comments" class="hidden">      
  <fb:comments href="example.com" num_posts="5" width="800"></fb:comments>
</div>

假设隐藏类使div 不可见。

现在使用 JavaScript 代码你应该可以做到这一点：

$(".pics").click(function(){
    $("#comments").show();
});

我尚未对此进行测试，而且 Facebook 可能不会将 cmets 加载到不可见元素中。如果是这种情况，您也许可以在页面加载后渲染它并添加 hidden 类，尽管可能会出现闪烁。

【讨论】：

感谢您的帮助。它完美地工作。但我想出了一些不同的东西......你会看到，当我只在头标签中添加
你还在用document.write()写<script/>标签吗？
我在 html 的 <head> 部分包含了 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>。当我拨打灯箱电话时，我也在使用jquery.html() 编写相同的<script/>。

【解决方案2】：

我觉得你应该试试这个http://www.zemgo.net23.net/lightbox.html

【讨论】：