具有动态高度的jquery(或js general)分割器

时间:2010-09-28 19:53:06

标签: javascript jquery splitter

有一些现成的JavaScript(jQuery)分割器,但它们需要设置面板​​高度。问题是,我的网站不支持固定高度,它不能。另外一点是这个容器可以动态地改变它的高度,所以我想把这个分离器调整到面板的高度。

是否有脚本或方法可以避免这种情况?

我的想法是将容器的高度设置为较大的面板高度,如:


var lheight = $("#LeftPanel").height();
var rheight = $("#RightPanel").height();

if(lheight > rheight){
    $("#container").css("height", lheight+"px");
} else {
    $("#container").css("height", rheight+"px");
}

但对我来说这似乎不是一个好方法。

你有什么建议吗?

1 个答案:

答案 0 :(得分:0)

您可以将新值传递给 .height(),如下所示:

var h = Math.max($("#LeftPanel").height(), $("#RightPanel").height());
$("#container").height(h);

在这种情况下,我们只是使用Math.max()来获得较高的一个,并将高度设置为。