javascript - 具有动态高度的 jquery（或 js 通用）拆分器

Question

有一些现成的 JavaScript (jQuery) 拆分器，但它们需要设置面板​​高度。问题是，我的网站不支持固定高度，它就是不能。另一件事是这个容器可以动态改变它的高度，所以我想用这个分离器来调整面板的高度。

有没有脚本或方法可以避免这种情况？

我的想法是将容器的高度设置为更大的面板高度，例如：

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

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

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

你有什么建议吗？

Answer 1

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

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

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