Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery ui:具有heightstyle填充的选项卡,在可调整大小的面板中,选项卡内容高度不更新_Jquery_Jquery Ui_Jquery Ui Tabs_Jquery Ui Resizable - Fatal编程技术网

JQuery ui:具有heightstyle填充的选项卡,在可调整大小的面板中,选项卡内容高度不更新

JQuery ui:具有heightstyle填充的选项卡,在可调整大小的面板中,选项卡内容高度不更新,jquery,jquery-ui,jquery-ui-tabs,jquery-ui-resizable,Jquery,Jquery Ui,Jquery Ui Tabs,Jquery Ui Resizable,我的问题是,当我有一个heightStyle设置为“fill”的tabs元素,并且该选项卡位于可调整大小的元素内时,当父级调整大小时,选项卡内容不会相应调整大小 代码非常简单: $("#tabs").tabs({ heightStyle: 'fill' }); $('#resize').resizable({ handles: 's' }); css,p是选项卡的内容: body { font-size:62.5%; } #tabs { height:100%

我的问题是,当我有一个heightStyle设置为“fill”的tabs元素,并且该选项卡位于可调整大小的元素内时,当父级调整大小时,选项卡内容不会相应调整大小

代码非常简单:

$("#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%;
}
这是一把小提琴,显示了我的意思:

基本上,您可以看到选项卡容器的大小已经调整,但内容没有调整

有人知道我如何让标签更新内容的高度吗


非常感谢

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

类似于这样(我只是选择了一个任意的类放在ui的选项卡上,以便oyu可以使用它或其他):


谢谢,这正是我想要的答案!
$('#resize').resizable({
 handles: 's',
 alsoResize: '.ui-tabs-panel'
});