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>