一、使Tabs高度和宽度自适应
在网上查到更多的方法是一下内容:
$(window).resize(function () {
$('#tt').tabs({
width: $("#tt").parent().width(),
height: "auto"
});
})
$(function() {
$('#tt').tabs({
width: $("#tt").parent().width(),
height: "auto"
});
});
二、Tabs在浏览器窗口大小变化时会默认回到第一个选项卡
经过试验之后,这中方法确实可以使Tabs的大小自适应,但是在我的系统中,还会调用tabs的另一个方法,结果导致每次浏览器的大小变化时,tabs总会回到第一个选项卡。所以后来调整了代码,如下:
$('#tt').tabs('resize',{
plain : false,
boder : false,
width:$(window).width(),
height:$(window).height()-50
});
这样就可以解决了。