当前位置:  开发笔记 > 前端 > 正文

jQuery UI选项卡 - 自动高度

如何解决《jQueryUI选项卡-自动高度》经验,为你挑选了3个好方法。

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

$('#container').tabs({ fxAutoHeight: true });

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

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



1> 小智..:

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

这是我真正有效的代码:

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



2> Jonn..:

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

$( ".selector" ).tabs({ heightStyle: "auto" });



3> gabriel..:

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

假设您的标签水平排列:

$("ul.tabs a").css('height', $("ul.tabs").height());

推荐阅读
sx-March23
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有