EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
发布时间:2016-12-30 来源:查字典编辑
摘要:tabs代码如下:复制代码代码如下:tabs1tabs2如果id="tabs"的div未设置宽度和高度,easyUI默认的宽度和高度是aut...

tabs代码如下:

复制代码 代码如下:

<div id="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,搞定

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类