EasyUI Tabs选项卡自适应浏览器宽度和高度

一、使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
      });	
    这样就可以解决了。
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值