開啟互動的覆蓋層(overlay)內容。
基本的對話框視窗是位於視埠內的一個覆蓋層，這個覆蓋層受透過框架效應的頁面內容（像下拉元素）保護，有一個主題欄跟內容區域，預設可以被移動、調整大小跟使用’x’圖標來關閉。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Dialog - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#dialog" ).dialog();
});
</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>
</html>
想要多學一點對話框這個小工具嗎？試試API文件。