DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> EasyUi tabs的高度與寬度根據IE窗口的變化自適應代碼
EasyUi tabs的高度與寬度根據IE窗口的變化自適應代碼
編輯:JQuery特效代碼     
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,搞定
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved