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


Posted in Javascript onOctober 26, 2010

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,搞定
Javascript 相关文章推荐
Javascript 类型转换方法
Oct 24 Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
May 07 Javascript
javascript打开word文档的方法
Apr 16 Javascript
js实现获取焦点后光标在字符串后
Sep 17 Javascript
js由下向上不断上升冒气泡效果实例
May 07 Javascript
JavaScript实现斗地主游戏的思路
Feb 29 Javascript
Bootstrap页面布局基础知识全面解析
Jun 13 Javascript
js以及jquery实现手风琴效果
Apr 17 Javascript
Vue中的混入的使用(vue mixins)
Jun 01 Javascript
vue删除html内容的标签样式实例
Sep 13 Javascript
vue router导航守卫(router.beforeEach())的使用详解
Apr 19 Javascript
简单谈谈javascript高级特性
Sep 04 Javascript
自写的一个jQuery圆角插件
Oct 26 #Javascript
jQuery获取地址栏参数插件(模仿C#)
Oct 26 #Javascript
自制轻量级仿jQuery.boxy对话框插件代码
Oct 26 #Javascript
jquery ui resizable bug解决方法
Oct 26 #Javascript
HTML Dom与Css控制方法
Oct 25 #Javascript
Dom在ajax技术中的作用说明
Oct 25 #Javascript
Dom与浏览器兼容性说明
Oct 25 #Javascript
You might like
一些星际专用术语解释
2020/03/04 星际争霸
PHP实现的博客欢迎提示功能(很特别哦)
2014/06/05 PHP
PHP实现格式化文件数据大小显示的方法
2015/01/03 PHP
php通过排列组合实现1到9数字相加都等于20的方法
2015/08/03 PHP
基于jquery点击自以外任意处,关闭自身的代码
2012/02/10 Javascript
如何将网页表格内容导入excel
2014/02/18 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
2015/08/21 Javascript
jQuery代码性能优化的10种方法
2016/06/21 Javascript
详解JavaScript节流函数中的Throttle
2016/07/16 Javascript
Google 地图API Map()构造器详解
2016/08/06 Javascript
AngularJs expression详解及简单示例
2016/09/01 Javascript
JS多文件上传的实例代码
2017/01/11 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
2017/02/20 Javascript
在vue中通过axios异步使用echarts的方法
2018/01/13 Javascript
vue打包的时候自动将px转成rem的操作方法
2018/06/20 Javascript
微信小程序登录session的使用
2019/03/17 Javascript
解决layui动态添加的元素click等事件触发不了的问题
2019/09/20 Javascript
React中获取数据的3种方法及优缺点
2020/02/18 Javascript
Vue常用API、高级API的相关总结
2021/02/02 Vue.js
Python出现segfault错误解决方法
2016/04/16 Python
Python中datetime模块参考手册
2017/01/13 Python
详解Python import方法引入模块的实例
2017/08/02 Python
python微信跳一跳游戏辅助代码解析
2018/01/29 Python
python pandas库中DataFrame对行和列的操作实例讲解
2018/06/09 Python
python分割一个文本为多个文本的方法
2019/07/22 Python
Python进程间通信 multiProcessing Queue队列实现详解
2019/09/23 Python
Python @property装饰器原理解析
2020/01/22 Python
python使用pandas抽样训练数据中某个类别实例
2020/02/28 Python
澳大利亚手表品牌:Time IV Change
2018/10/06 全球购物
Looking4Parking美国:全球排名第一的机场停车比较品牌
2019/08/26 全球购物
农业大学毕业生的个人自我评价
2013/10/11 职场文书
经理职责范文
2013/11/08 职场文书
工地宣传标语
2014/06/18 职场文书
2015年人力资源部工作总结
2015/04/30 职场文书
每日六道java新手入门面试题,通往自由的道路
2021/06/30 Java/Android
MySQL库表太大怎么办? 数据库分库分表项目实践
2022/04/11 MySQL