EasyUi tabs的高度與寬度根據(jù)IE窗口的變化自適應(yīng)代碼
<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無(wú)法彈出窗口)。
無(wú)奈去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,搞定
- jQuery EasyUI Tab 選項(xiàng)卡問(wèn)題小結(jié)
- jQuery EasyUI 布局之動(dòng)態(tài)添加tabs標(biāo)簽頁(yè)
- 基于Jquery easyui 選中特定的tab
- jquery easyui 結(jié)合jsp簡(jiǎn)單展現(xiàn)table數(shù)據(jù)示例
- easyui的tabs update正確用法分享
- jQuery EasyUI API 中文文檔 - Tabs標(biāo)簽頁(yè)/選項(xiàng)卡
- jQuery EasyUI 中文API Layout(Tabs)
- 如何解決jQuery EasyUI 已打開(kāi)Tab重新加載問(wèn)題
相關(guān)文章
基于jquery實(shí)現(xiàn)的可編輯下拉框?qū)崿F(xiàn)代碼
昨天看到QQ登錄的時(shí)候,可以選擇以前登錄過(guò)的賬戶(hù),這個(gè)東西也可以在網(wǎng)站登錄的時(shí)候用到,所以我就想做一個(gè)這樣的插件;在網(wǎng)上查了很多,沒(méi)有找到合適自己的,所以決定自動(dòng)制作一個(gè)2014-08-08jQuery第一次運(yùn)行頁(yè)面默認(rèn)觸發(fā)點(diǎn)擊事件的實(shí)例
下面小編就為大家分享一篇jQuery第一次運(yùn)行頁(yè)面默認(rèn)觸發(fā)點(diǎn)擊事件的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01jquery load事件(callback/data)使用方法及注意事項(xiàng)
jquery load 事件使用方法,在網(wǎng)上有很多的相關(guān)介紹文章,不過(guò)大同小異,本文老生長(zhǎng)談,也介紹一下load事件使用方法,感興趣的朋友可以了解下,或許對(duì)你學(xué)習(xí)jquery有所幫助2013-02-02jQuery中的$是什么意思及 $. 和 $().的區(qū)別
這篇文章主要介紹了jQuery中的$是什么意思及 $. 和 $().的區(qū)別,需要的朋友可以參考下2018-04-04jQuery動(dòng)畫(huà)效果-slideUp slideDown上下滑動(dòng)示例代碼
jQuery動(dòng)畫(huà)上下滑動(dòng)效果在網(wǎng)頁(yè)中的應(yīng)用還是比較廣泛的,其實(shí)很簡(jiǎn)單通過(guò)slideUp slideDown方法便可輕松實(shí)現(xiàn),具體如下,喜歡的朋友可以參考下,希望對(duì)大家學(xué)習(xí)jquery有所幫助2013-08-08在JQuery dialog里的服務(wù)器控件 事件失效問(wèn)題
今天遇到個(gè)問(wèn)題,在dialog中放了服務(wù)器端的空間dropdownlist,但是寫(xiě)selectindexchange事件卻怎么也觸發(fā)不了,然后就在網(wǎng)上搜,終于看到有個(gè)哥們解決了這個(gè)問(wèn)題,真的謝謝他。2010-12-12解決qrcode.js生成二維碼時(shí)必須定義一個(gè)空div的問(wèn)題
這篇文章主要介紹了解決qrcode.js生成二維碼時(shí)必須定義一個(gè)空div的問(wèn)題,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07淺談struts1 & jquery form 文件異步上傳
下面小編就為大家?guī)?lái)一篇淺談struts1 & jquery form 文件異步上傳。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05jquery實(shí)現(xiàn)彈出層遮罩效果的簡(jiǎn)單實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)彈出層遮罩效果的簡(jiǎn)單實(shí)例。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-03-03