jQuery EasyUI02

<!DOCTYPE html>
<html>
  <head>
    <title>jQuery Easy UI</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../../jquery-easyui-1.4.3/jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../../jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js" ></script>
	<link rel="stylesheet" type="text/css" href="../../jquery-easyui-1.4.3/themes/default/easyui.css" />
	<link rel="stylesheet" type="text/css" href="../../jquery-easyui-1.4.3/themes/icon.css" /> 
	<!-- <script type="text/javascript" src="../../jquery-easyui-1.4.3/easyloader.js"></script> -->
	<script type="text/javascript">
		$(function() {
			/*$('#box2').dialog();*/ /* 2.使用 JS 调用加载 */

			/*easyloader.load('dialog', function() {
				$('#box2').dialog();
			});*/ /* 智能加载   */

			//Parser 方法
			//解析所有 UI
			//$.parser.parse();
			//解析指定的 UI
			$.parser.parse('#box');
			//使用指定 UI 解析,必须要设置父类容器才可以解析到。
		});
		
		//关闭自动解析功能,放在$(function() {})外
		$.parser.auto = false;

		//UI 组件解析完毕后执行,放在$(function () {})外
		$.parser.onComplete = function() {
			alert('UI解析完毕!');
		};
	</script>
  </head>
  
  <body>
  	<!--加载 UI 组件有两种方式:1.使用 class 方式加载;2.使用 JS 调用加载。  -->
  	<!-- 1.使用 class 加载,格式为:easyui-组件名 -->
	<div id="box">
		<div class="easyui-dialog" title="标题" style="width:400px;height:200px">内容部分</div>
	</div>
	
	<!-- <div id="box2" title="标题" style="width:400px;height:200px">
		内容部分
	</div> -->
	
	<!--使用 easyload.js  智能加载  
	删除 jQuery EasyUI 的 JS 核心文件及 CSS,引入 easyloader.js 文件
	-->
  </body>
</html>


你可能感兴趣的:(jQuery EasyUI02)