在“灯箱”中添加 facebook 评论

Question

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

$(函数() {

    $('.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>");

          }); 

    });

提前致谢。

Answer 1

我认为您应该先尝试呈现评论，但不要让它们不可见。 就像是：

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

假设隐藏的 class 使div不可见。

现在使用 JavaScript 代码，您应该能够做到这一点：

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

我还没有对此进行测试，并且很有可能 Facebook 不会将评论加载到不可见的元素中。 如果是这种情况，您可能可以在页面加载后渲染它并添加hidden的 class ，尽管可能会出现闪烁。

Answer 2

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