EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010-10-26 00:00
603 查看
tabs代码如下:
如果id="tabs"的div未设置宽度和高度,easyUI默认的宽度和高度是auto,这样在google浏览器下显示正常,但是在IE下默认不显示任何内容,并且和dialog还有冲突(dialog无法弹出窗口)。
无奈去google搜索,找到一个解决方法如下:
1. 去掉div里的class="easyui-tabs"
2. 加上一段JS
加上这段代码后,发现容器会很高,因为他获得是父容器的height
解决方法:
JS修改为
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,搞定
相关文章推荐
- EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
- EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
- EasyUI Tabs选项卡自适应浏览器宽度和高度
- React根据宽度自适应高度的示例代码
- iframe页面调用高度自适应方法代码,兼容IE,FF
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
- 如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
- MagicHeightImageView根据宽度自适应高度
- 如何让easyui gridview 宽度自适应窗口改变
- 在Java代码中设置控件高度和宽度按比例自适应屏幕
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)_javascript技巧_
- C# 窗口自适应窗口宽度和高度
- jqGrid随窗口大小变化自适应大小的示例代码
- Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
- jqGrid随窗口大小变化自适应大小的示例代码
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
- 获取浏览器的高度、宽度以及监控浏览器窗口的变化
- EasyUI设置Layout自适应浏览器宽度和高度
- EasyUi datagrid百分比显示宽度,EasyUi datagrid自适应窗口大小