国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

EasyUi tabs的高度與寬度根據IE窗口的變化自適應代碼

2019-11-21 00:10:41
字體:
來源:轉載
供稿:網友
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,搞定
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 历史| 固原市| 永登县| 华阴市| 田东县| 额尔古纳市| 彩票| SHOW| 桃园市| 澎湖县| 长海县| 太和县| 普兰店市| 汝城县| 尼玛县| 陕西省| 蛟河市| 米林县| 旬阳县| 察雅县| 宜黄县| 叶城县| 宝鸡市| 资中县| 鄱阳县| 高邑县| 丹江口市| 延边| 岳池县| 右玉县| 买车| 鄯善县| 榆林市| 灵武市| 噶尔县| 广德县| 水城县| 青海省| 方城县| 绍兴县| 鹤山市|