JQueryEasyUI布局加载问题

Question

我需要从后台读取菜单放到前台来生成，代码如下：

<div id="fr-sidebar" style="width:200px;" class="easyui-accordion" data-options="multiple:false">
	
</div>

<script type="text/javascript">

	$(function() {
		$.ajax({
			url : Tmp.ctx + "/menus",
			type : "get",
			dataType : "json",
			success : function(data) {
				console.log(data);
				$.each(data, function(index, menuGroup) {
					var panel = "<div style='height:200px;' title='" + menuGroup.name + "'><ul>";
					$.each(menuGroup.subMenus, function(i, menu) {
						var list = "<li><a href='" + menu.url + "'>" + menu.name + "</a></li>";
						panel += list;
					});
					panel += "</ul></div>";
					$("#fr-sidebar").append(panel);
				});
			},
			error : function(data) {
				$.messager.alert("提示", "菜单加载失败");
			}
			
		});
	});
</script>

问题是，当我把拼接的HTML append 到easyui的Accordion容器后，他不会为我初始化为easyui的效果。

最后生成的代码如下：

而正常的代码应该是：

也就是说，easyui组件并没有为我追加进去的Div进行panel初始化，求教这个问题该怎么解决？

Answer 1

$.parser.parse();       // 解析所有页面 
$.parser.parse('#cc');  // 解析指定节点