The tabs code is as follows:
Copy Code code as follows:
<div id= "tabs" class= "Easyui-tabs" >
<div title= "TABS1" >
Tabs1
</div>
<div title= "TABS2" >
Tabs2
</div>
</div>
If the id= "tabs" Div does not set the width and height, the Easyui default width and height is auto, so that the display is normal in Google Browser, but no content is displayed by default in IE, and there is a conflict with dialog (dialog cannot pop up the window).
But go to Google search, find a solution as follows:
1. Remove the class= "Easyui-tabs" in the div
2. Add a section of JS
Copy Code code as follows:
<script type= "Text/javascript" >
$ (function () {
$ ("#tabs"). Tabs ({
width:$ ("#tabs"). Parent (). Width (),
height:$ ("#tabs"). Parent (). Height ()
});
});
</script>
After adding this code, the container is found to be very high because he gets the height of the parent container.
Workaround:
JS Repair changed to
Copy Code code as follows:
$ (' #tabs '). Tabs ({
Width: $ ("#tabs"). Parent (). Width (),
Height: "Auto"
});
Ok, it's done.
