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 回答