最新的Easy UI 1.7包括1.7的API已上傳至百度雲盤，有需要的，請自行下載！！！
使用示例：
注：紅色加粗的必須引入！！！
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title></title> 6 <meta charset="utf-8" /> 7 <link href="../../Script/jquery-easyui-1.7.0/themes/default/easyui.css" rel="stylesheet" /> <!--引入所有的樣式--> 8 <link href="../../Script/jquery-easyui-1.7.0/themes/icon.css" rel="stylesheet" /> <!--引入所有的圖標--> 9 </head> 10 <body> 11 <input type="button" value="添加" id="btnAdd" /> 12 <div id="addDiv"> 13 <h1>這是添加的對話框</h1> 14 </div> 15 <script src="../../Script/jquery.min.js"></script> <!--最好用easy ui推薦的jquery版本--> 16 <script src="../../Script/jquery.easyui.min.js"></script> <!--壓縮版的Easy UI JS--> 17 <script src="../../Script/easyui-lang-zh_CN.js"></script> <!--支持語言--> 18 <script type="text/javascript"> 19 bindAddBtnClickEvent();//綁定添加按鈕的點擊事件 20 $("#addDiv").css("display","none"); 21 //綁定添加按鈕的點擊事件 22 function bindAddBtnClickEvent() { 23 $("#btnAdd").click(function () { 24 $("#addDiv").css("display", "block"); 25 //把這個div彈出到中間，而且是模態 26 $("#addDiv").dialog({ 27 title: "添加對話框", 28 width: 500, 29 height: 500, 30 modal:true 31 }); 32 }); 33 }; 34 </script> 35 </body> 36 </html>
效果圖：
授人以魚不如授人以漁，其他的自由發揮！~~~~~~
1 獲取表單數據 2 3 var DataStock = $("#addFrm").serializeArray();
百度雲盤鏈接：https://pan.baidu.com/s/1mWxWwFQZS5ZUZHsziVmTsA
提取碼：0zuc