嵌套选项卡大小 - JQuery

时间:2013-04-02 08:45:27

标签: jquery css jquery-ui

大家早上好。我是JQuery UI的新手,你可以提供帮助。我有一个使用JQuery UI创建的嵌套选项卡

When it size in

When it stretch out

我有几个控件最终会进入嵌套选项卡。问题在于,内部标签的高度取决于我将放入其中的控件数量(以行为单位)。例如:在某些情况下,内部标签高度将在外部标签的限制范围内,或者有时它会从内部标签拉开。

理想情况下,我正在寻找一种基于用户屏幕具有静态高度的解决方案,该解决方案将适应选项卡中的所有控件以及自动滚动条(如果需要)。

1 个答案:

答案 0 :(得分:0)

如果您的内容是在页面加载时创建的,则可以使用以下内容来测量包装选项卡的高度:

var outerTabHeight = $("outerTabID").height();

现在你需要设置内部标签的高度,这样可以这样做,所以高度略小于包装标签,这是你想要的方式:

$("innerTabID").height() = outerTabHeight - 50;

可根据需要增加或减少50以增加或减小尺寸。