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,搞定