热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

EasyUitabs的高度与宽度根据IE窗口的变化自适应代码,需要的朋友可以参考下。
tabs代码如下:

代码如下:



  


  tabs1
  



  tabs2
  




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

无奈去google搜索,找到一个解决方法如下:
1. 去掉p里的class="easyui-tabs"
2. 加上一段JS

代码如下:


加上这段代码后,发现容器会很高,因为他获得是父容器的height
解决方法:
JS修改为

代码如下:


$('#tabs').tabs({
  width: $("#tabs").parent().width(),
  height: "auto"
});


Ok,搞定
推荐阅读
author-avatar
mobiledu2502860153
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有