jquery - JQuery-ui：具有高度样式填充的选项卡，在可调整大小的面板中，选项卡内容高度未更新

Question

我的问题是，当我有一个将 heightStyle 设置为“填充”的选项卡元素，并且此选项卡位于可调整大小的元素内时，当父级调整大小时，选项卡内容不会相应地调整大小。

代码非常简单：

$("#tabs").tabs({
    heightStyle: 'fill'
});
$('#resize').resizable({
     handles: 's'
});

css, p 是选项卡的内容：

body {
    font-size:62.5%;
}
#tabs {
    height:100%;
}
p {
    background-color:yellow;
    width:100%;
    height:100%;
}

这是一个显示我的意思的小提琴：http: //jsfiddle.net/C27dF/1/

基本上，您可以看到选项卡容器已调整大小，但内容却没有。

有谁知道我如何让标签更新其内容的高度？

非常感谢。

score 3 · Accepted Answer

您可以alsoResize在可调整大小的函数中使用参数并将其设置为所有选项卡式内容的类。

像这样的东西（我刚刚选择了一个由 ui 放置在选项卡上的任意类，所以 oyu 可以使用它或其他）：

$('#resize').resizable({
 handles: 's',
 alsoResize: '.ui-tabs-panel'
});

1 回答 1