javascript - jquery uiレイアウトでdivの高さを設定する

Question

調整可能なグリッド プラグイン (jquery ui レイアウト) を試してみました。プラグインを使用して各 div の幅を設定することができました。jsfiddle リンクhttp://jsfiddle.net/J4bJ3/1/に追加された内側の北の div ive の高さを調整できるかどうか疑問に思っていました

$("#facetContainer").css({"height":"50%"}); ロード時間を試してみました。それはうまくいきません

Answer 1

これらのUI要素の多くには、！importantを使用してcssでオーバーライドする必要のある設定があります。すでに原因としてcssを削除しようとしましたか？

編集

私が変更した場合：

.ui-layout-pane-south {           
    border:          1px solid #BBB;
    overflow:        hidden;
}

に：

.ui-layout-pane-south {           
    height:          230px !important;
    border:          1px solid #BBB;
    overflow:        hidden;
}

その結果：

また、要素でIDを使用する場合は、次のようにルールを実装します。