源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-11-20 22:18 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
tabs代码如下:
[u]复制代码[/u] 代码如下:
<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
[u]复制代码[/u] 代码如下:
<script type="text/javascript"> $(function(){   $("#tabs").tabs({     width:$("#tabs").parent().width(),     height:$("#tabs").parent().height()   }); }); </script>
加上这段代码后,发现容器会很高,因为他获得是父容器的height 解决方法: JS修改为
[u]复制代码[/u] 代码如下:
$('#tabs').tabs({   width: $("#tabs").parent().width(),   height: "auto" });
Ok,搞定
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部