EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码_Javascript教程-查字典教程网
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教程学习
    编程开发子分类