Question

我正在建立一个展示一些照片的网站。使用类似灯箱的效果查看照片。我想在'灯箱'中添加Facebook评论，但评论不会加载。

$（function（）{

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

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

现在使用JavaScript代码，您应该可以执行此操作：

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

我还没有对此进行测试，并且有一个机会Facebook不会将评论加载到一个看不见的元素中。如果是这种情况，您可能会在页面加载后放弃渲染并添加hidden类，但可能会出现闪烁。

Answer 2

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

在'灯箱'中添加Facebook评论

2 个答案: