Javascript 具有动态高度的jquery(或js general)拆分器
有一些现成的JavaScript(jQuery)拆分器,但它们需要设置面板高度。问题是,我的网站不支持固定高度,它就是不能。另一件事是这个容器可以动态地改变它的高度,所以我想用这个拆分器来调整面板的高度 有没有一个脚本或方法可以避免这种情况 我的想法是将容器的高度设置为更大面板的高度,如:Javascript 具有动态高度的jquery(或js general)拆分器,javascript,jquery,splitter,Javascript,Jquery,Splitter,有一些现成的JavaScript(jQuery)拆分器,但它们需要设置面板高度。问题是,我的网站不支持固定高度,它就是不能。另一件事是这个容器可以动态地改变它的高度,所以我想用这个拆分器来调整面板的高度 有没有一个脚本或方法可以避免这种情况 我的想法是将容器的高度设置为更大面板的高度,如: var lheight = $("#LeftPanel").height(); var rheight = $("#RightPanel").height(); if(lheight > rheight)
var lheight = $("#LeftPanel").height();
var rheight = $("#RightPanel").height();
if(lheight > rheight){
$("#container").css("height", lheight+"px");
} else {
$("#container").css("height", rheight+"px");
}
但这对我来说似乎不是个好办法
您有什么建议吗?您可以将新值传递给,如下所示:
var h = Math.max($("#LeftPanel").height(), $("#RightPanel").height());
$("#container").height(h);
在本例中,我们只是使用获取较高的一个,并将高度设置为该高度。这与我的代码相同,但编写起来更简单。有没有办法做得更好?我的意思是,如果没有这个高度技巧?@Ventus-如果面板是
#container
的子对象,它应该自动调整大小…有没有什么原因不起作用,因为根本没有JavaScript?实际上面板是#container
的子对象,并且它会随着它们的变化而改变大小。但关键是#container
需要设置CSSheight
属性,否则拆分器将无法工作。在找到更好的方法之前,我将使用此$(“#content”).height($(“#content”).height()
这是最简单的,因为(正如您所提到的)面板是#container
@Ventus的子级-您也可以执行$(“#content”).height(函数(i,h){return h;})代码>既然您在回答和评论中提供了好的想法,我接受:)