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,搞定

相关文章

  • 基于jquery实现的可编辑下拉框实现代码

    基于jquery实现的可编辑下拉框实现代码

    昨天看到QQ登录的时候,可以选择以前登录过的账户,这个东西也可以在网站登录的时候用到,所以我就想做一个这样的插件;在网上查了很多,没有找到合适自己的,所以决定自动制作一个
    2014-08-08
  • jQuery第一次运行页面默认触发点击事件的实例

    jQuery第一次运行页面默认触发点击事件的实例

    下面小编就为大家分享一篇jQuery第一次运行页面默认触发点击事件的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • 详解easyui 切换主题皮肤

    详解easyui 切换主题皮肤

    这篇文章主要介绍了easyui 切换主题皮肤方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • jquery load事件(callback/data)使用方法及注意事项

    jquery load事件(callback/data)使用方法及注意事项

    jquery load 事件使用方法,在网上有很多的相关介绍文章,不过大同小异,本文老生长谈,也介绍一下load事件使用方法,感兴趣的朋友可以了解下,或许对你学习jquery有所帮助
    2013-02-02
  • jQuery中的$是什么意思及 $. 和 $().的区别

    jQuery中的$是什么意思及 $. 和 $().的区别

    这篇文章主要介绍了jQuery中的$是什么意思及 $. 和 $().的区别,需要的朋友可以参考下
    2018-04-04
  • jQuery动画效果-slideUp slideDown上下滑动示例代码

    jQuery动画效果-slideUp slideDown上下滑动示例代码

    jQuery动画上下滑动效果在网页中的应用还是比较广泛的,其实很简单通过slideUp slideDown方法便可轻松实现,具体如下,喜欢的朋友可以参考下,希望对大家学习jquery有所帮助
    2013-08-08
  • 在JQuery dialog里的服务器控件 事件失效问题

    在JQuery dialog里的服务器控件 事件失效问题

    今天遇到个问题,在dialog中放了服务器端的空间dropdownlist,但是写selectindexchange事件却怎么也触发不了,然后就在网上搜,终于看到有个哥们解决了这个问题,真的谢谢他。
    2010-12-12
  • 解决qrcode.js生成二维码时必须定义一个空div的问题

    解决qrcode.js生成二维码时必须定义一个空div的问题

    这篇文章主要介绍了解决qrcode.js生成二维码时必须定义一个空div的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • 浅谈struts1 & jquery form 文件异步上传

    浅谈struts1 & jquery form 文件异步上传

    下面小编就为大家带来一篇浅谈struts1 & jquery form 文件异步上传。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • jquery实现弹出层遮罩效果的简单实例

    jquery实现弹出层遮罩效果的简单实例

    这篇文章主要介绍了jquery实现弹出层遮罩效果的简单实例。需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03

最新评论