<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery EasyUI</title> <!-- easyui核心ui的css文件 --> <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.5.1/themes/default/easyui.css"> <!-- easyui图标css文件 --> <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.5.1/themes/default/icons.css"> <!-- jquery核心库 --> <script type="text/javascript" src="../jquery-easyui-1.5.1/jquery.min.js"></script> <!-- jquery easyui 核心库 --> <script type="text/javascript" src="../jquery-easyui-1.5.1/jquery.easyui.min.js"></script> <!-- 中文语言信息js --> <script type="text/javascript" src="../jquery-easyui-1.5.1/local/easyui-lang-zh_CN.js"></script> <script type="text/javascript" src="../js/index.js"></script> </head> <body> <!-- 使用class方式加载 --> <!-- <div id="box" class="easyui-dialog" title="标题" style="width:400px;height:200px;"> 内容部分 </div> --> <!-- 使用js调用加载 --> <div id="box" title="标题" style="width:400px;height:200px;"> 内容部分 </div> </body> </html>
$(function(){ $("#box").dialog(); });