layui从后台动态添加nav渲染失败
问题,即使使用了 element.init()
也会有部分失败,比如鼠标悬浮后没有变色反应解决
之前 ul 都是写在html中的 只有在js中使用append 添加标签到ul后,这样就会形成上图的情况,所以 从ul开始都要在js中写
错误
正确html
js
/*左边导航*/
var leftNav = $("#leftNav");
leftNav.append("<ul id=\"menuinfo\" class=\"layui-nav layui-nav-tree\" lay-filter=\"test\">")
//生成一级标题
$.get("/MenuShow.do",{pid:0},function (data) {
console.log(data.length);
console.log(data);
var menuinfo = $("#menuinfo");
//遍历响应数据
for (var i = 0; i <data.length ; i++) {
menuinfo.append("<li class=\"layui-nav-item\"><a href=\"javascript:;\">"+data[i].mname+"</a></li>")
}
element.render('nav','test');
})
记得添加依赖
效果图