parser 是jquery easyui中的解析器,页面中class就是用它来渲染。

自动渲染

页面加载过程:

  1. 先装载HTML页面文档元素

  2. 然后调用$().ready(function(){})

  3. 最后调用parser渲染页面


手动渲染

通过DOM操作输出HTML(easyui)元素信息,那easyui页面不会初始化,只显示原有的HTML代码

1
2
3
4
5
6
7
8
9
10
11
<script type= "text/javascript" >
 
$().ready( function (){
     document.getElementById( "info" ).innerHTML= '<div class="easyui-accordion" id="tt"><div title="title1">1</div><div title="title2">2</div></div>' ;
});
</script>
</head>
<body>
<div  id= "info" >
</div>
</body>

效果:

wKiom1SLKhiAr5YOAAAKTbdAhko925.jpg

需要手动渲染:在DOM操作后添加

$.parser.parse('#info'); // 解析某个具体节点

或$.parser.parse(); // 解析整个页面

1
2
3
4
5
6
7
8
9
10
11
12
<script type= "text/javascript" >
$().ready( function (){
     document.getElementById( "info" ).innerHTML= '<div class="easyui-accordion" id="tt"><div title="title1">1</div><div title="title2">2</div></div>' ;
     $.parser.parse( '#info' );  // 解析某个具体节点
     //$.parser.parse(); // 解析整个页面
});
</script>
</head>
<body>
<div  id= "info" >
</div>
</body>


效果:

wKioL1SLKuLhus5KAAB7d7QO97g969.jpg