jQuery UI Dialog组件实现简单的弹出层（modal）

前言

在web项目中经常会用到弹出层/窗口，例如简单的新增和修改功能，但如果项目的前端没有引入任何框架，可能就要手动去创建DOM，然后通过js去控制，这样虽然没问题，但是样式和效果等等不易控制，对于那种后端熟而前端却不熟的工程师来说还是有一定难度。而如果仅仅为了用一个弹出层/窗口而引入一套臃肿的前端框架又显得没必要，比如EasyUI。我的选择是jQuery UI的Dialog组件，没有多余的文件，一个js文件和一个css文件，即可帮我们快速实现这种效果。

Dialog Widget

早期版本如果想实现modal window是通过jQuery modal来完成的，然而对现在jQuery UI的Dialog组件来说，仅仅只需配置一个属性即可，它提供了丰富的属性、方法和事件，几个比较实用的是：modal（模态）、draggable（可拖拽）、resizable（可调整大小）等等，可以看到和Easy UI中的Dialog完全类似，包括属性的设置和方法的调用都