1、参考http://www.cnblogs.com/haogj/archive/2011/02/16/1956267.html
2、$("#confirm").dialog("open");只能用在jquery dialog()不为空的情况显示dialog窗口,如:
$(function(){
$("#btn").unbind("click").click(function(){
$("#confirm").dialog("open");
});
$("#confirm").dialog({
autoOpen:false,
});
});
$("#confirm").dialog();只能在jquery dialog为空的情况下显示dialog窗口,如:
$(function(){
$("#btn").unbind("click").click(function(){
$("#confirm").dialog();
});
$("#confirm").dialog();
});
3、代码如下:(该jQuery UI插件见
http://download.csdn.net/detail/lz465350/8315221)
<html>
<head>
<script src="../../script/jquery-1.8.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="../../script/styles/jquery-ui-1.10.4.min.css" />
<link rel="stylesheet" type="text/css" href="../../script/styles/mydialog.css" />
<script type="text/javascript" src="../../script/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../../script/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../../script/ui/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="../../script/ui/jquery.ui.button.js"></script>
<script type="text/javascript" src="../../script/ui/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="../../script/ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="../../script/ui/jquery.ui.dialog.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").unbind("click").click(function(){
$("#confirm").dialog("open");
});
$("#confirm").dialog({
autoOpen:false,
modal:true,
buttons:{
"OK":function(){
$(this).dialog("close");
},
"Cancel":function(){
$(this).dialog("close");
}
},
closeOnEscape:false,
open:function(){
alert("Alread show!");
}
});
});
</script>
</head>
<body>
<input type="button" value="close" id="btn"/>
<div id="confirm" style="display:none;">
Are you sure to close?
</div>
</body>
</html>