dialog.js彈窗插件

從一開始使用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函數，而後哪裏須要就在哪裏調用，媽媽不再擔憂我一個項目要用兩種不同的彈窗樣式啦~