jQuery ui 选项卡 heightStyle : auto not working - getting height from wrong tab

Question

我正在使用 jQuery UI 选项卡，并且根据文档设置了 heightStyle: "auto"以使所有选项卡与最高的选项卡一样高。

这是我用来初始化选项卡的代码:

$( "#tabs" ).tabs({
    heightStyle: "auto",
    hide: { effect: "drop", duration: 300 }
});

但是，它并未将选项卡高度设置为最高，并且似乎使用了不同页面上不同选项卡的高度。

关于this页面中最高的选项卡是第一个选项卡“模型概述”，但它将高度设置为“图库”选项卡。

关于this页面最高的是“模型规范”，现在似乎将高度设置为“模型概述”。

我已经在 Google 上搜索了好几个小时了，但还是找不到答案，请帮忙。

谢谢!

Answer 1

我今天遇到了这个问题(比你晚大约一年)，我注意到一个原因可能是你在调用 tabs() 后更改了选项卡的内容。

例如，我必须更改此:

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

对此:

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

此外，如果您想更改任何选项卡的内容，则必须刷新选项卡:

codeThatAltersTabsContents();
$( "#tabs" ).tabs('refresh');