首頁 / jQuery UI的對話框
:idea:即日起到2016/04/06止,請到http://blogawards.tw/competitor?co=160幫工作達人按讚󾮗,之後到http://goo.gl/forms/SK3WNR5RlA填單,我們會有隱藏版獎品贈送喔~

jQuery UI的對話框

開啟互動的覆蓋層(overlay)內容。

基本的對話框視窗是位於視埠內的一個覆蓋層,這個覆蓋層受透過框架效應的頁面內容(像下拉元素)保護,有一個主題欄跟內容區域,預設可以被移動、調整大小跟使用’x’圖標來關閉。

view source

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> - Default functionality</title>
<link rel="stylesheet" href="//code..com/ui/1.10.4/themes/smoothness/-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文件

發表迴響

你的電子郵件位址並不會被公開。 Required fields are marked *

*

Scroll To Top