No.1预加载数据生成无限级树形菜单

	$("ele").LuTree({
		arr: arr,//节点json数据
		sign:true,//是否全部展开
		simIcon: "fa fa-folder",//叶子图标
		mouIconOpen: " fa fa-folder-open",//展开图标
		mouIconClose:"fa fa-folder",//关闭图标
		callback: function(id) {
			//点击回调选中节点id
			console.log("你选择的id是" + id);
		}
	});

No.2异步加载数据生成无限级树形菜单

	$("ele").LuAjaxTree({
		url:'./json.php',//请求url,请求会带上id,在此节点下加载节点。
		simIcon: "fa fa-file-o",//叶子图标
		mouIconOpen: " fa fa-folder-open",//展开图标
		mouIconClose:"fa fa-folder",//关闭图标
		callback: function(id) {
			//点击回调选中节点id
			console.log("你选择的id是" + id);
		}
	})

No.3可操作异步加载数据生成无限级树形菜单

	$("ele").LuAjaxTree({
		url:'./data.json',//请求url,请求会带上id、type:query:查询,createChild:添加,delete:删除,新增还会带上name,在此节点下加载节点。
		simIcon: "fa fa-file-o",//叶子图标
		mouIconOpen: " fa fa-folder-open",//展开图标
		mouIconClose:"fa fa-folder",//关闭图标
		callback: function(id) {
			//点击回调选中节点id
			console.log("你选择的id是" + id);
		}
	})

案例全貌

适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。

来源:懒人