Question

如果您访问此网站http://inelmo.com/inelmo并点击每篇文章下的其中一条评论链接，则会展开包含facebook评论插件的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没有任何问题，但谷歌Chrome例如有。

Answer 1

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

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

帖子谈到一个非常类似的问题，似乎是由于jquery幻灯片事先不知道div的高度是什么。 HTH

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

1 个答案: