jQuery ui tabs heightStyle：auto not working - 从错误的标签

Question

我正在使用jQuery UI标签，并且根据文档设置了heightStyle：“auto”，使所有标签与最高标签一样高。

这是我用来初始化标签的代码：

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

然而，它没有将标签高度设置为最高标签高度，并且似乎使用了不同页面上不同标签的高度。

在this页面上，最高的标签是第一个，“模型概览”，但它将高度设置为“图库”标签。

在this页面上，最高的是“模型规格”，现在似乎将高度设置为“模型概览”。

我已经用Google搜索了几个小时，我无法理解，请帮助。

谢谢！

Answer 1

我今天遇到了这个问题（比你晚了大约1年），我注意到有一个原因可能是你正在改变标签＆＃39;调用tabs()后的内容。

例如，我不得不改变这个：

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

对此：

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

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

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