jquery UI 对话框设定

使用对话框增进使用者体验

1.下载档案

https://jqueryui.com/download

然后把js档css档跟images复制到专案下
2.引用css跟js档

<link href="../_css/jquery-ui.min.css" rel="stylesheet "> 
<script src="../_js/jquery-ui.min.js"></script> 

1. 
   选取元素然后$().dialog()
   里面可以用物件实字放属性
   4.属性
   draggable
   resizeable
   height
   width
   minWidth
   minHeight
   maxWidth
   maxHeight
   modal:锁住对话框
   show.hide:可以放true flase或数字出现或隐藏的速度也可以传slideDown slideUp
   position :放阵列[x,y]或关键字center left top right bottom
   autoOpen :true false对话框要不要立即显示
   buttons:要放的按钮
   例如:

buttons :{ 
"Confirm":function(){ 
}, 
"Cancel":function(){

}

}

如果对话框里面有个表单，提交时要关掉

$('#login form').submit(function(){ 
$('').dialog('close'); 
})