jQuery UI选项卡 - 自动高度

Ben*_*Ben 18 jquery tabs jquery-ui jquery-ui-tabs

在以前的版本中,jQuery tabs有一个选项可以使用以下选项自动将选项卡的高度设置为组中最高选项卡的高度:

$('#container').tabs({ fxAutoHeight: true });
Run Code Online (Sandbox Code Playgroud)

然而,这似乎不起作用jQuery UI 1.5.3.

此选项已被删除吗?如果是这样,有另一种方法来获得相同的功能?

小智 30

你所要做的就是设置一个最小高度.(我花了很多年才找到答案......我希望它有所帮助!).

这是我真正有效的代码:

$("#tabs").tabs().css({
   'min-height': '400px',
   'overflow': 'auto'
});
Run Code Online (Sandbox Code Playgroud)


Jon*_*onn 6

在jQuery 1.9中,使用heightStyle属性(此处为docs)

$( ".selector" ).tabs({ heightStyle: "auto" });
Run Code Online (Sandbox Code Playgroud)


gab*_*iel 5

阅读完文档后,似乎该选项不再可用.但是,复制此功能非常容易.

假设您的标签水平排列:

$("ul.tabs a").css('height', $("ul.tabs").height());
Run Code Online (Sandbox Code Playgroud)


Cor*_*nie 4

看起来已经不存在了,请查看此插件以获得相同的功能

等高插件