如何设置jquery选项卡以形成100%的高度？

Question

如何设置jquery选项卡以形成100%的高度？

我还需要调整其中的iframe以扩展到100%的高度.

谢谢!

Answer 1

要调整UI选项卡的大小(至少是最新的1.7.2版本),它使用以下代码:

$ (document).ready (function () {
function resizeUi() {
    var h = $(window).height();
    var w = $(window).width();
    $("#tabs").css('height', h-95 );
    $(".ui-tabs-panel").css('height', h-140 );
};

var resizeTimer = null;
$(window).bind('resize', function() {
    if (resizeTimer) clearTimeout(resizeTimer);
    resizeTimer = setTimeout(resizeUi, 100);
});
resizeUi();
}

再加上以下的css:

#tabs { 
    display: inline-block; 
    width:325px;
}

你必须根据你的需要编辑一些数字.