在jquery ui布局中设置div的高度

时间:2012-11-20 18:28:58

标签: javascript jquery jquery-ui-layout

我一直在尝试使用可调节网格插件(jquery ui布局)..我能够使用插件设置每个div的宽度..当涉及到高度时,我只允许调整外部div的高度。我想知道是否有可能调整jsfiddle链接http://jsfiddle.net/J4bJ3/1/中添加的内北区的高度

我已经在加载时尝试了$("#facetContainer").css({"height":"50%"}); 。它不会wrk

1 个答案:

答案 0 :(得分:1)

很多这些ui元素都有需要在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;
}

导致:

enter image description here

在元素上使用id时,请按如下方式实现规则:

enter image description here