1

我在我的站点上垂直使用 jQuery-UI 选项卡,直到我开始在选项卡面板中加载内容并发现父选项卡面板 div 不随内容增长,例如选项卡“静态信息”之前,都没有问题。我可以通过将父 div 类 CSS 设置为overflow: auto来“解决”这个问题,然后在父 div 上创建一个垂直滚动条。但是,如果父 div 会随着子内容一起增长,我真的更喜欢。我确实尝试了几个 clearfix 选项,包括:

$( ".tabs" ).tabs().addClass( "ui-helper-clearfix" );

初始化文档时,但没有一个 clearfixes 有任何区别。在寻求解决方案时,我确实尝试调整 heightStyle 和 tab refresh 以查看其中任何一个是否会有所作为。我发现这什么​​也没做:

$( ".tabs" ).tabs({ heightStyle: "fill" }); 我也尝试了“内容”和“自动”,但也没有运气。

但是,当我尝试 api.jquery.com/tabs 中记录的替代方法时:

var heightStyle = $( ".tabs" ).tabs( "option", "heightStyle" );

$( ".selector" ).tabs( "option", "heightStyle", "fill" );

标签布局完全崩溃了。内容都在那里,但 ul 列表位于页面顶部,没有选项卡,然后是所有面板内容。我得到了相同的结果:

$( ".tabs" ).tabs( refresh );

我确实验证了我的 jQuery UI 是否正常工作(例如,我尝试过

$( ".tabs" ).tabs({ event: "mouseover" }); which worked fine.

这看起来应该很简单,但是我已经用 CSS 达到了一个相对的死胡同,我不明白 jQuery 发生了什么——为什么它会因 heightStyle 和刷新而中断。非常感谢任何关于让我的内容表现出来的想法或建议......谢谢!

4

1 回答 1

2

从以下调整:

#tabs-left > div {
    height: 35em;
}

到:

#tabs-left > div {
    min-height: 35em;
}
于 2013-03-11T08:55:42.540 回答