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