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

　　推荐阅读

　　Javascript String 字符串操作包

核心代码: 复制代码 代码如下: /** * jscript.string package * This package contains utility functions for working with strings. */ if (typeof jscript == 'undefined') { jscript = function() { } } jscri>>>详细阅读

本文标题：EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码

地址：http://www.17bianji.com/kaifa2/JS/25536.html

 1/2    1