layui动态渲染菜左侧单栏及重载菜单

layui是国内比较热门的后端开发的框架搭载插件，使用比较方便，今天就介绍一下layui如何动态加载左侧菜单栏。

如果从表面来看，直接替换demo ul内的内容结构就ok了，但会发现结构显示了，可是无法折叠菜单了。

解决方法：

<script>
//JavaScript代码区域
layui
.extend({menu: '/static/json/menu'})
.use(['element','jquery','tree','menu'], function(){
	var element = layui.element;
	var $ = layui.$;
	var menu  = layui.menu;
	$("#menuList").html(menu);  //加载动态数据，具体方法自行实现
	element.init();  //此处是解决方法，及初始化layui
});
</script>