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，搞定
相关文章
在网上经常会看到一些很长的网页会延迟加载其中的图片，我认为这是一种按需分配的做法，网页只为那些想继续浏览网页的人加载后面的图片，在不影响用户体验的前提下，最大程度地减少服务器负担和流量2012-06-06
在今天之前，我对jQuery的中的animate()方法还停留在最常见的用法，查了一下手册，发现在1.8的时候增加了几个比较有用的回调函数，想着就来总结下jQuery中animate的几种用法与注意事项，方便自己或者大家有需要的时候参考借鉴，下面来一起看看吧。2016-12-12
jQuery UI Draggable + Sortable 结合使用(实例讲解)
下面小编就为大家带来一篇jQuery UI Draggable + Sortable 结合使用(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了jQuery实现的form转json功能,结合完整实例形式分析了jQuery将form表单数据封装成json传输的具体步骤与相关操作技巧,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了jQuery实现简洁的轮播图效果,结合实例形式分析了jQuery的事件响应机制与页面元素动态操作相关技巧,需要的朋友可以参考下2016-09-09
这个效果是在页面头部出现的，出现一下会自动隐藏，上面有x那个提示就要手动关闭一下，其他的都是自动隐藏的！2011-08-08
这篇文章主要介绍了jquery实现红色竖向多级向右展开的导航菜单效果,涉及jquery鼠标hover事件结合class样式动态添加与删除的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
Draggable是easyui中用于实现拖拽功能的一个插件。利用它，我们可以实现控件的拖拽效果。Draggble覆盖默认值$.fn.draggable.defaults。2015-08-08
今天小编就为大家分享一篇关于简单易扩展可控性强的Jquery转盘抽奖程序，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-03-03
这篇文章主要介绍了jQuery实现新闻播报滚动及淡入淡出效果,结合实例形式分析了基于jQuery插件的页面元素动态变换相关操作技巧,需要的朋友可以参考下2018-03-03
最新评论