EasyUi tabs的高度與寬度根據(jù)IE窗口的變化自適應代碼
更新時間：2010年10月26日 13:06:49 作者：
EasyUi tabs的高度與寬度根據(jù)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>
加上這段代碼后，發(fā)現(xiàn)容器會很高，因為他獲得是父容器的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>
加上這段代碼后，發(fā)現(xiàn)容器會很高，因為他獲得是父容器的height
解決方法：
JS修改為
復制代碼 代碼如下:
$('#tabs').tabs({
width: $("#tabs").parent().width(),
height: "auto"
});
Ok，搞定
相關文章
基于jquery實現(xiàn)的可編輯下拉框實現(xiàn)代碼
昨天看到QQ登錄的時候，可以選擇以前登錄過的賬戶，這個東西也可以在網(wǎng)站登錄的時候用到，所以我就想做一個這樣的插件；在網(wǎng)上查了很多，沒有找到合適自己的，所以決定自動制作一個2014-08-08
下面小編就為大家分享一篇jQuery第一次運行頁面默認觸發(fā)點擊事件的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了easyui 切換主題皮膚方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
jquery load事件(callback/data)使用方法及注意事項
jquery load 事件使用方法，在網(wǎng)上有很多的相關介紹文章，不過大同小異，本文老生長談，也介紹一下load事件使用方法，感興趣的朋友可以了解下，或許對你學習jquery有所幫助2013-02-02
jQuery中的$是什么意思及 $. 和 $().的區(qū)別
這篇文章主要介紹了jQuery中的$是什么意思及 $. 和 $().的區(qū)別,需要的朋友可以參考下2018-04-04
jQuery動畫效果-slideUp slideDown上下滑動示例代碼
jQuery動畫上下滑動效果在網(wǎng)頁中的應用還是比較廣泛的，其實很簡單通過slideUp slideDown方法便可輕松實現(xiàn)，具體如下，喜歡的朋友可以參考下，希望對大家學習jquery有所幫助2013-08-08
今天遇到個問題，在dialog中放了服務器端的空間dropdownlist，但是寫selectindexchange事件卻怎么也觸發(fā)不了，然后就在網(wǎng)上搜，終于看到有個哥們解決了這個問題，真的謝謝他。2010-12-12
解決qrcode.js生成二維碼時必須定義一個空div的問題
這篇文章主要介紹了解決qrcode.js生成二維碼時必須定義一個空div的問題，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-07-07
淺談struts1 & jquery form 文件異步上傳
下面小編就為大家?guī)硪黄獪\談struts1 & jquery form 文件異步上傳。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
這篇文章主要介紹了jquery實現(xiàn)彈出層遮罩效果的簡單實例。需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03