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