Dialog display error in IE 8
My code is like this:
<link rel="stylesheet" href="js/jqueryUI/jquery-ui-1.10.3.custom.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
<script type="text/javascript" src="js/jqueryUI/jquery-ui-1.10.3.custom.js"></script>
<title></title>
<script>
$(function() {
$("#dialog").dialog({
modal: true,
resizable: true,
position: {
my: "center", at: "top+250", of: window
},
buttons: {
"close" : function() {
$(this).dialog( "close" );
}
},
height: 255,
width: 280,
title: "操作结果"
});
});
</script>
</head>
<body>
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
</body>