navbar 多级左边导航菜单,ajax 动态获取数据

提问 未结
1 88
延续
延续 4天前
悬赏:20飞吻
版本:layui 2.2.5 浏览器:
已找到解决方案

<ul class='layui-nav layui-nav-tree' lay-filter='kitNavbar' kit-navbar></ul> 多级左边导航菜单,ajax 动态获取数据
生成菜单代码这样写的
  var getMenus = function (data) {
//回显选中
var ul = $("<ul class='layui-nav layui-nav-tree' lay-filter='kitNavbar' kit-navbar></ul>");
var num = 0;
for (var i = 0; i < data.length; i++) {
var node = data[i];
if (node.pid == 0) {
var li = $("<li class='layui-nav-item layui-nav-itemed' flag='" + node.id + "'></li>");
var a = $("<a class='' onclick='' href='javascript:;'>" + node.name + "</a>");
li.append(a);
var childArry = getParentArry(node.id, data);
if (childArry.length > 0) {
a.append("<span class='layui-nav-more'></span>");
var dl = $("<dl class='layui-nav-child'></dl>");
for (var y = 0; y < childArry.length; y++) {
var dd = '<a href="javascript:;" data-url=\''+_ctx+childArry[y].url+'\' data-icon="fa-user" data-title=\'' + childArry[y].name + '\' kit-target data-id=\'' + num + '\'><i class="fa fa-user" aria-hidden="true"></i><span> ' + childArry[y].name + '</span></a>';
num++;
if (pathUri.indexOf(childArry[y].url) > 0) {
dd.addClass("layui-this");
}
dl.append(dd);
}
li.append(dl);
}
ul.append(li);
}
}
$(".layui-side-scroll").append(ul);
}
回帖