jquery-ui - 如何使内容在 jQuery 选项卡容器的全高？

Question

我有一个 jQuery 选项卡 ctrl，每个选项卡都有一个文本区域。我想最大化其父 div 中的选项卡，所以我通过 css 将选项卡 div 设置为 100% 宽度/高度，它可以工作。但是我怎样才能最大化其中的文本区域呢？

Objective: tabs 填满父 div，textarea 填满父 tab，当父 div 调整大小时，tabs 和 textarea 也会调整大小。

Answer 1

var $tabs = $('tabsSelector');
var $parentPane = $('parentSelector')
var newHeight = $parentPane.height() - 10;
$tabs.height(newHeight);
var navHeight = $tabs.find(".ui-tabs-nav:first").height();
$tabs.children(".ui-tabs-panel").height(newHeight - navHeight);