0

このWebサイト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は問題がありませんが、例えばグーグルクロームは問題があります。

4

1 に答える 1

0

そもそも問題の原因となっているのはコメントボックスのようですが、CSSやFacebookのコメントボックスに直接関係しているとは思いません。実際の問題はjQueryスライド関数にあるようですが、一見したところ問題はcssまたはfb-commentsにあるように見えるため、デバッグは間違いなく困難です。

この投稿をチェックしてください、それはあなたにいくらかの助けになるはずです。http://goo.gl/ZaduP

投稿では、divの高さが事前にわからないjqueryスライドが原因と思われる非常によく似た問題について説明しています。HTH

于 2011-11-04T14:08:34.017 に答える