layui从后台动态添加nav 渲染失败

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');
                })

记得添加依赖

效果图