Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.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
Jquery 选项卡自动调整大小-可以防止吗?_Jquery_Jquery Ui_Jquery Ui Tabs - Fatal编程技术网

Jquery 选项卡自动调整大小-可以防止吗?

Jquery 选项卡自动调整大小-可以防止吗?,jquery,jquery-ui,jquery-ui-tabs,Jquery,Jquery Ui,Jquery Ui Tabs,我有一个这样的结构:-中间的div会调整大小以适应窗口的高度 在中间的div中,我有选项卡,但是在调用.tabs()方法时,代码会自动调整选项卡的大小以适应内容的高度。我想防止这种行为,因为我将动态替换选项卡的内容,而最初计算的高度将是错误的 我曾尝试在CSS中设置选项卡的高度,但它只是忽略了它 我怎样才能做到这一点 *编辑* 我已经在jsfiddle上发布了代码:从中你可以看到标签可以根据内容的高度调整自己的大小(在ie9和chrome14中,在Windows下) 考虑到窗口大小,我希望它们尽

我有一个这样的结构:-中间的div会调整大小以适应窗口的高度

在中间的div中,我有选项卡,但是在调用
.tabs()
方法时,代码会自动调整选项卡的大小以适应内容的高度。我想防止这种行为,因为我将动态替换选项卡的内容,而最初计算的高度将是错误的

我曾尝试在CSS中设置选项卡的高度,但它只是忽略了它

我怎样才能做到这一点

*编辑*

我已经在jsfiddle上发布了代码:从中你可以看到标签可以根据内容的高度调整自己的大小(在ie9和chrome14中,在Windows下)


考虑到窗口大小,我希望它们尽可能大,并在内容超过窗口大小时滚动。

这与内容的100%高度/分钟高度类似。在这个话题上有一些很好的讨论

我自己也曾多次处理过这个问题,并且发现用纯CSS解决这个问题非常耗时(而且往往不可行)。通常需要一两行JavaScript才能达到相同的效果。例如,对于您提供的JSFIDLE,只需将
#tabs
的高度设置为
文档的高度:

$('#tabs').tabs().height($(document).height());
查看它的实际操作:


请注意,我还更改了选项卡的大小,因此高度中包含边框和填充。您不必这样做(此属性是CSS3),但这意味着您在计算高度时需要考虑边界和填充。

基于William Nui的代码,我还添加了一些其他内容

我为用户实际调整窗口大小时添加了一个事件“侦听”

使用更新的代码进行编辑


如何设置标签的高度?我不知道
.tabs()
会计算内容高度。@WilliamNiu,类似于
#tabs{height:100%;}
(不起作用)或
#tabs{height:10em;}
你需要共享一些代码,可能是通过jsfiddle.net。我担心你会这么说。但至少我能放下它。万分感谢。耸耸肩有时我想知道为什么这个看似简单的问题也会如此复杂:)换句话说,每次有人调整窗口的大小时,它都会处理高度的更新。这里不需要CSS。(可以适当地做得更好一些,进行一些检查以防止不必要的重新计算。但我很累。)