jQueryUI的dialog的使用方法

1.引入文件

jquery.x.x.x.js文件

jquery-ui-x.x.x.custom.js文件

jquery-ui-x.x.x.custom.min.css文件

例子:

<script src="js/jquery-1.9.1.js"></script><script src="js/jquery-ui-1.10.3.custom.min.js"></script><link rel="stylesheet" href="css/jquery-ui-1.10.3.custom.min.css">

2.写弹出层的div

例子:

<!--弹出层的div--><div id="d1" title="我的自定义的弹出层"><form action="aaa.action" method="get" id="form1"><br>姓名:<input name="name" type="text"><br>密码:<input type="password" name="pwd"><br></form></div>

3.script中编写代码

例子:

<script>$(function(){$('#d1').dialog({autoOpen: true,height: 300,width: 350,modal: true,buttons: {"确定": function() {//$('form1').submit();},"取消": function() {$( this ).dialog( "close" );}},//close: function() {alert('close');}});});function f11(){$('#d1').dialog( "open" );}</script>