<!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta charset="UTF-8" /> <script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/jquery.min.js"></script> <script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/jquery.easyui.min.js"></script> <script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/locale/easyui-lang-zh_CN.js" ></script> <link rel="stylesheet" type="text/css" href="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/themes/default/easyui.css" /> <link rel="stylesheet" type="text/css" href="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/themes/icon.css" /> <script type="text/javascript"> $(function(){ //$("#mydialog1").dialog(); //手动解析 设置了class属性的 标签的 UI 参数可以为空或者 选择器[选择器必须为其上一层的标识] $.parser.parse('#mydialog'); }); //Parser解析器用来解析渲染各种UI组件 设置为FALSE 将不解析UI组件 $.parser.auto=false; //easyUI解析完毕后执行的 函数 $.parser.onComplete=function(){ alert("pp"); } </script> </head> <body> <div id="mydialog"> <!--使用UI 的方法有两种 1,在class 属性中使用。2 在js中使用--> <div class="easyui-dialog" style="width:250px;height: 250px">haha</div> </div> <!--<div id="mydialog1"> 一个弹出框 </div> --> </body> </html>