您的位置:首页 > 产品设计 > UI/UE

EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码

2010-10-26 00:00 603 查看
tabs代码如下:
<div id="tabs" class="easyui-tabs"> 
  <div title="tabs1"> 
  tabs1 
  </div> 
<div title="tabs2"> 
  tabs2 
  </div> 
</div>

如果id="tabs"的div未设置宽度和高度,easyUI默认的宽度和高度是auto,这样在google浏览器下显示正常,但是在IE下默认不显示任何内容,并且和dialog还有冲突(dialog无法弹出窗口)。

无奈去google搜索,找到一个解决方法如下:
1. 去掉div里的class="easyui-tabs"
2. 加上一段JS
<script type="text/javascript"> 
$(function(){ 
  $("#tabs").tabs({ 
    width:$("#tabs").parent().width(), 
    height:$("#tabs").parent().height() 
  }); 
}); 
</script>

加上这段代码后,发现容器会很高,因为他获得是父容器的height
解决方法:
JS修改为
$('#tabs').tabs({ 
  width: $("#tabs").parent().width(), 
  height: "auto" 
});

Ok,搞定
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: