EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
更新时间:2010年10月26日 13:06:49 作者:
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码,需要的朋友可以参考下。
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,搞定
复制代码 代码如下:
<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,搞定
相关文章
jquery load事件(callback/data)使用方法及注意事项
jquery load 事件使用方法,在网上有很多的相关介绍文章,不过大同小异,本文老生长谈,也介绍一下load事件使用方法,感兴趣的朋友可以了解下,或许对你学习jquery有所帮助2013-02-02jQuery动画效果-slideUp slideDown上下滑动示例代码
jQuery动画上下滑动效果在网页中的应用还是比较广泛的,其实很简单通过slideUp slideDown方法便可轻松实现,具体如下,喜欢的朋友可以参考下,希望对大家学习jquery有所帮助2013-08-08解决qrcode.js生成二维码时必须定义一个空div的问题
这篇文章主要介绍了解决qrcode.js生成二维码时必须定义一个空div的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-07-07浅谈struts1 & jquery form 文件异步上传
下面小编就为大家带来一篇浅谈struts1 & jquery form 文件异步上传。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-05-05
最新评论