2

Facebook コメント プラグイン (例: .fb-comments ) を表示する DIV は CSS によって修正されています。その CSS を変更できない場合、すべてのコメントが読み込まれた後に純粋な JS ソリューションを使用してコメント プラグインのサイズを変更することは可能でしょうか?

 <div style='background-color:red;height:200px;' 
       class="fb-comments" data-href="http://example.com" 
       data-num-posts="10"></div>

デモ: http://jsfiddle.net/8MyV3/1/

4

3 に答える 3

2

それは非常に可能です。

.fb-commentsクラスは CSS で設定されますが、フラグを使用して上書きすることもできます!important。

それに行きましょう：

  1. まず、いくつかの CSS を上書きする必要があります。

    .fb-comments, .fb-comments * {
    width:100% !important;
}

  2. 次に、Facebook コメント ウィジェットを独自のコンテナーに配置できます。

    <div class="fb_container">
        <div class="fb-comments" data-href="http://example.com" data-num-posts="10"></div>
</div>

  3. オプション- 必要に応じて CSS でスタイルを設定します。

    .fb_container{
   width: 200px;
}

  4. そして、JS を使用してプログラムで変更できます。

     $(".fb_container").css("width","200px");

動作中の jsFiddleの例を次に示します

于 2013-03-29T14:09:24.070 に答える