早期我們在編寫網頁的時候如果要出現彈出警告，通常都會用JS的alert語法。例如：
這樣產生出來的訊息就只會是這樣：
其實我們在jQuery UI的協助下可以做出比較美觀的介面。像這樣：
alert("錯誤訊息");
這樣產生出來的訊息就只會是這樣：
其實我們在jQuery UI的協助下可以做出比較美觀的介面。像這樣：
這次我們選用Dialog這個樣式功能，它的原理其實很簡單，先建立一個專屬的div這個div的名稱將會和jQuery的程式與法對應。如下圖：
由於這個function的原理是呼叫一個div出來顯示，所以你裡面想要包什麼東西都可以。圖檔、連結、表格等等通通可以塞進去。
其實最簡單乾淨的語法只是這樣就可以執行：
$(function() {
$( "#dialog-modal" ).dialog();
});
其他的東西都是參數而已，例如我們如果要再加上背景遮罩的話就在.dialog()動作中再加上
modal: true
變成
$(function() {
$( "#dialog-modal" ).dialog({
modal: true
});
});
大家試試看吧！還有更多的細部設定都可以在jQuery UI的官方網站中找到
留言