1

質問があります。メインの固定幅 div で 2div を使用しています。

すなわち

<div style="width:500px; border:red solid 1px; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:13px">
    <div style="float:left; width:55%; border:green solid 1px;">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec urna ipsum, lacinia ac fringilla in, porta at tellus. Integer euismod laoreet
    </div>
    <div style="float:left; padding:10px ">
        <select name="" style="width:200px; padding:4px ">
            <option>ABC</option>
            <option>XYZ</option>
        </select>
    </div>
</div>

div と td を隠す

$(document).ready(function(){
    $("td:empty").css('display', 'none');
    $("div[class='errorMsg']").filter(function(i,v){return $.trim($(v).text()).length == 0;}).css('display', 'none');
    $("td[class='noShow']").filter(function(i,v){return $.trim($(v).text()).length == 0;}).css('display', 'none');
  });

ドロップダウンの選択 div がないときに、コンテンツ div を展開しようとしています。そして、ドロップダウン選択のdivがそこにあるとき、それは今のように来るはずです。テーブルでこれを行うことができますが、div で立ち往生しています。

css で table-cell を使用すると、ie7 では機能しません。

4

1 に答える 1

0

ドロップダウンを使用してdivのdisplayプロパティをNoneに設定している場合。次に、次のようなことを行うことができます：

if($('#DIV_WITH_DROPDOWN').is(":visible")) {
    $('#CONTENT_DIV').css('width', WHATEVER VALUE YOU WANT);
}

display：[none | block]のみをチェックし、visible：[true|false]を無視することを忘れないでください

また、divを完全に削除する場合、またはDOMにdivをロードしない場合は、次のように使用できます。

if($('#DIV_WITH_DROPDOWN').length > 0) {
    $('#CONTENT_DIV').css('width', WHATEVER VALUE YOU WANT);
}
于 2013-03-19T12:08:42.030 に答える