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函数，而后哪里须要就在哪里调用，妈妈不再担忧我一个项目要用两种不同的弹窗样式啦~