jQuery的UI库中的dialog效果很不错,在这里记录一下简单的一些使用方式以及一些配置的参数意义:
简单的使用可以在jQuery UI的官方demo中看到,具体的使用方式如下:
在html文件中添加一个<div id='mydiv'></div>
在js文件中调用:$('#mydiv').dialog()即可,这样就可以创建一个最基本的dialog,在.dialog()方法中可以添加一些配置参数,如下
autoOpen:是否立即显示对话框,默认为truemodal:在开启该dialog时是否屏蔽html,默认为falsecloseOnEscape:按ESC键能否关闭对话框,默认为truedraggable:可否拉动对话框,默认为trueresizeable:是否可以在右下角调整对话框大小,默认为truetitle:对话框的标题头position:使用[right,top]或者一些默认值如'center','left','rigt','top','bottom'来确定对话框出现的位置,默认为center,数组中的数值的单位为像素,也可以使用如position:["left","bottom"]使得对话框出现在左上角width:对话框的宽度height&#x