Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 具有动态高度的jquery(或js general)拆分器_Javascript_Jquery_Splitter - Fatal编程技术网

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

Javascript 具有动态高度的jquery(或js general)拆分器,javascript,jquery,splitter,Javascript,Jquery,Splitter,有一些现成的JavaScript(jQuery)拆分器,但它们需要设置面板高度。问题是,我的网站不支持固定高度,它就是不能。另一件事是这个容器可以动态地改变它的高度,所以我想用这个拆分器来调整面板的高度 有没有一个脚本或方法可以避免这种情况 我的想法是将容器的高度设置为更大面板的高度,如: var lheight = $("#LeftPanel").height(); var rheight = $("#RightPanel").height(); if(lheight > rheight)

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

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

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


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
需要设置CSS
height
属性,否则拆分器将无法工作。在找到更好的方法之前,我将使用此
$(“#content”).height($(“#content”).height()
这是最简单的,因为(正如您所提到的)面板是
#container
@Ventus的子级-您也可以执行
$(“#content”).height(函数(i,h){return h;})既然您在回答和评论中提供了好的想法,我接受:)