在“灯箱”中添加 Facebook 评论
Posted
技术标签:
【中文标题】在“灯箱”中添加 Facebook 评论【英文标题】：Add facebook comments inside a 'lightbox' 【发布时间】：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>");
);
);
提前致谢。
【问题讨论】：
【参考方案1】：我认为您应该先尝试渲染 cmets，但要让它们不可见。比如：
<div id="comments" class="hidden">
<fb:comments href="example.com" num_posts="5" ></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
【讨论】：
以上是关于在“灯箱”中添加 Facebook 评论的主要内容，如果未能解决你的问题，请参考以下文章