4

iPad では、facebook のコメント ボックスの高さが自動的に 590px に設定されます。最初のビューはログイン ボタンだけなので、大きすぎます。css で高さを設定することはできません。ログインすると、コンテンツ領域が小さすぎて、fb がそれらの条件下でフックできるクラスを設定しないためです。

私が持っている：

<script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=00000000";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

コンテンツ領域内:

<div id="fb_comments">
    <fb:comments href="<?php the_permalink(); ?>" num_posts="10" width="500">    </fb:comments>
</div>

ここに画像の説明を入力

4

2 に答える 2

-1

これを解決するためにJQueryを使用できると思います。ユーザーが接続されているかどうかを確認します。そうであれば、高さを 590px に設定し、それ以外の場合は好きなように設定します。

JQueryプラグインを追加してから、次のようなことを行うことでそれを行うことができます$('.fb:comments').css('height', 'YourValuepx');

とにかく、このタイプのプラグインがモバイルで使用できるかどうかはわかりません。JQuery プラグインのモバイル バージョンもありますが、私はその経験がありません: JQuery mobile

于 2013-06-13T09:52:21.980 に答える