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下默認不顯示任何內(nèi)容，并且和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下默認不顯示任何內(nèi)容，并且和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)的一個選擇中國大學的彈框 (數(shù)據(jù)、步驟、代碼)
基于jquery實現(xiàn)的一個選擇中國大學的彈框，需要的朋友可以參考下2012-07-07
為jquery.ui.dialog 增加“在當前鼠標位置打開”的功能
在使用jquery.ui.dialog的過程中，發(fā)現(xiàn)position參數(shù)有些問題，無法通過position: [PosX, PosY]動態(tài)傳遞位置參數(shù)。下面是官方demo 代碼2009-11-11
在網(wǎng)上看到許多的jquery插件實現(xiàn)滾動新聞，特別是新聞顯示在div里面的，比較了一番發(fā)現(xiàn)這款jquery.vticker-min.js還是挺不錯的，于是就將它集成到我的畢業(yè)設計里面。2010-06-06
jquery中關于inArray()函數(shù)的詳細使用說明2011-10-10
本文給大家分享的是一則使用jQuery實現(xiàn)圖片切換的插件，效果非常不錯，兼容性也很好，推薦給大家，有需要的小伙伴快來參考下吧。2015-03-03
jQuery 驗證插件 Web前端設計模式(asp.net)
asp.net下用戶注冊頁面的驗證代碼，花了點時間將驗證做成一個jQuery插件，希望對需要的朋友有所幫助。2010-10-10
jQuery插件Slider Revolution實現(xiàn)響應動畫滑動圖片切換效果
Slider Revolution插件是一款非常強大的插件了，我們可以利用它來制作出各種效果并且還支持移動設備，支持手機觸摸，鍵盤翻頁；它內(nèi)置幻燈、視頻播放計時器等等效果，具體我們來看看。2015-06-06
JQuery SELECT單選模擬jQuery.select.js
本文件是跟據(jù) zhangjingwei 的Jquery Select(單選) 模擬插件 V1.3.4 修改而來的，需要的朋友可以參考下。2009-11-11
jQuery的數(shù)組處理、便捷、功能齊全。一步到位的封裝了很多原生JavaScript數(shù)組不能企及的功能。下面是jquery數(shù)組的使用詳解,需要的朋友可以參考下2014-03-03
jquery validate 實現(xiàn)動態(tài)增加/刪除驗證規(guī)則操作示例
這篇文章主要介紹了jquery validate 實現(xiàn)動態(tài)增加/刪除驗證規(guī)則操作,結(jié)合實例形式分析了jQuery validate表單驗證相關操作技巧,需要的朋友可以參考下2019-10-10