facebook评论社交插件后如何删除意外空间？

Question

如果您访问此网站http://inelmo.com/inelmo 并单击每篇文章下的其中一个 cmets 链接，则会展开一个包含 facebook cmets 插件的 div。我不知道为什么，但是后面有很大的空间，我很确定这与我的造型无关（尽管我可能错了）。

该位的标记如下所示：

<div id="cmbx(id of the article)" class="comentBox" style="display: none; width: 520px;"> // This is the div that hides facebook comments.

<div class="fb-comments" data-href="inelmo.com/story.php?id=(id of the article)" data-num-posts="5" data-width="520"></div>

</div>

我不知道是什么导致了 facebook 插件下的空间。任何人都可以提出任何修复建议吗？

用于幻灯片的jQuery：

function toggleSlideBox(x){if($('#'+x).is(":hidden")){$(".comentBox").slideUp(200);$('#'+x).slideDown(200)}else{$('#'+x).slideUp(200)}}

编辑：我在几个浏览器中测试了它，例如Firefox 没有任何问题，但 google chrome 有。

Answer 1

我不认为您的问题与您的 CSS 或 Facebook 评论框直接相关，尽管它似乎是导致问题开始的评论框。实际问题似乎出在 jQuery 幻灯片功能上，这肯定很难调试，因为乍一看问题似乎出在 css 或 fb-cmets 上。

看看这篇文章，应该会对你有所帮助。 http://goo.gl/ZaduP

这篇文章谈到了一个非常相似的问题，这似乎是由于 jquery slide 事先不知道 div 的高度将是多少。高温