导入库
<!-- 样式 -->
<link rel="stylesheet" href="../js/jquery-ui.min.css">
<!-- jQuery -->
<script src="../js/jquery-1.11.3.min.js"></script>
<!-- jquery UI -->
<script src="../js/jquery-ui.min.js"></script>
打开方式
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>
<div id="dialog" title="基本的对话框">
<p>这是一个默认的对话框，用于显示信息。对话框窗口可以移动，调整尺寸，默认可通过 'x' 图标关闭。</p>
</div>
完整例子
假设#dialogShowArr是id="dialogShowArr"的div
//初始化jsp中的一个窗口
dialogLost = $("#dialogShowArr").dialog({//初始化弹出框
autoOpen: false,
height: 460,
width: 850,
modal: true,
buttons: {
"确认1": function(){
save1();
},
"关闭": function() {
$("#dialogShowArr").dialog("close");
}
},
close: function() {//关闭按钮执行表单清空
$('#addform')[0].reset();
}
});
//打开、关闭定义好的一个窗口
//$("#dialogShowArr").dialog("open");
dialogLost.dialog("open");
dialogLost.dialog("close");