從一開始使用alert來提示，到後來的jQuery手動寫彈窗，再到後來使用layer彈窗外掛來完成，到現在使用dialog外掛來完成彈窗，一步步的摸索，一步步的收穫。
現在在專案中大部分的彈窗都是使用dialog完成，尤其是dialog搭配上template的時候，真的是好用~
首先，附上效果圖：
引入ui-dialog.css以及dialog.js後，就可以在需要的地方寫上dialog({})來表示你的彈窗了，千萬別漏了後面的.showModal()哦
看了程式碼也就知道dialog的基本用法了，title表示彈窗的標題，content表示彈窗的內容，本例子使用了template來載入彈窗的內容，template的程式碼就不展示了，如果是刪除彈窗的話，content的內容可直接寫為“是否確定刪除該條目？”；okValue表示確定按鈕中的內容；cancelValue表示取消按鈕中的內容，ok中可寫一個函式，函式中的內容即為點選完“確定”按鈕後要執行的函式。
有的時候，一個專案中會需要用到兩種不同樣式的彈窗，比如這種：
這種情況使用dialog也是非常方便的，程式碼如下：
只需要單獨在common檔案中寫一個deleteCss函式，然後哪裡需要就在哪裡呼叫，媽媽再也不擔心我一個專案要用兩種不一樣的彈窗樣式啦~