3

この質問にはほぼ 10 の重複があることを承知しています。しかし、それらの解決策はどれも私にとってはうまくいきません。詳細は次のとおりです。

私はcarouselブートストラップから使用しています。carousel各サイクルで 3 つの div のセットを表示するために使用します。構造は次のとおりです。

   <div id="myCarousel" class="carousel slide">
    <div class="carousel-inner">
        <div class="active item">
            <div class="span4>content along with FB like button </div>
            <div class="span4>content along with FB like button </div>
            <div class="span4>content along with FB like button </div>
        </div>

        <div class="item"> <!-- this div has display:none -->
         <div class="span4>content along with FB like button </div>
         <div class="span4>content along with FB like button </div>
         <div class="span4>content along with FB like button </div>
        </div>
    </div>

    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </div>

上記は、不要なものを除外するためだけに簡略化されたバージョンです。問題は、設定されているすべての Facebook のようなボタンdivが に設定display:noneされていることです。widthheight0

この問題は、Firefox(最新版)で発生します。

FB like button configuratorを使用して生成された HTML5 バージョンの like ボタンを使用しています。

以下は、非表示の div 内の結果のようなボタン コードです。

<div data-show-faces="true" data-width="450" layout="box_count" data-send="false" class="fb-like fb_edge_widget_with_comment fb_iframe_widget" fb-xfbml-state="rendered">
    <span style="height: 0px; width: 0px;">

        <iframe scrolling="no" style=" height: 0px; width: 0px; class="fb_ltr fb_iframe_widget_lift" src="">
        </iframe>

    </span>
</div>

アクティブな div のいいね! ボタンだけが表示されます。モーダル (最初は非表示) 内のものも表示されません。div に display:none がある場合に表示するにはどうすればよいですか?

4

4 に答える 4

1

デフォルトで を に設定するdivとdisplay:none;、すべての子オブジェクトがdisplay:none表示されないという意味になります。サイズをゼロに設定した場合も同様です。

私見は正しい方法ではありませんが、子オブジェクトをdisplay: block;またはdisplay: inline;に設定して、定義されたサイズを指定してみてください。

于 2013-07-12T06:14:54.213 に答える
1

非表示のコンテンツに iframe バージョンの Like ボタンを配置すると、機能します。

魅力のように私のために働いた

于 2014-08-27T22:25:01.473 に答える