QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 导航菜单 > jQuery动态获取json树形菜单

jQuery动态获取json树形菜单

jQuery通过ajax调用方法异步获取json数据内容,可自定义编辑添加多级树形菜单内容代码。
分享到微信朋友圈
X

使用方法:


由于树形菜单数据量比较大的时候,我们通过预加载数据的方式生成菜单可能对前后端交互延迟较长。所以研究了下可以预加载也可以异步加载数据的树形菜单插件。

1、这里介绍几种调用方法:

//预加载数据格式
var arr = [{
		id: 1,
		name: "一级",
		open: true,
		child: [
			{
				id: 5,
				name: "二级",
				type:'leaf'
			},
			{
				id: 6,
				name: "二级",
				child: [
				{
					id: 7,
					name: "三级",
					type:'leaf'
				},
				{
					id: 9,
					name: "三级",
					child: [
					{
						id: 10,
						name: "四级",
						child: [
						{
							id: 11,
							name: "五级",
							type:'leaf'
						},
						{
							id: 12,
							name: "五级",
							type:'leaf'
						}
					]}
				]}
			]}]
	}, {
		id: 2,
		name: "一级",
		child: [
			{
				id: 3,
				name: "二级",
				pid: 2,
				type:'leaf'
			},
			{
				id: 3,
				name: "二级",
				pid: 2,
				type:'leaf'
			},{
				id: 4,
				name: "二级",
				pid: 2,
				type:'leaf'
			}
		]
	},{
		id: 8,
		name: "一级",
		pid: 0,
		type:'leaf'
	}
];

//无限级菜单生成
$("#toUl").LuTree({
	arr: arr,
	sign:true,
	simIcon: "fa fa-file-o",//叶子图标
	mouIconOpen: " fa fa-folder-open",//展开图标
	mouIconClose:"fa fa-folder",//关闭图标
	callback: function(id) {
		console.log("你选择的id是" + id);
	}
});

//无限级请求节点下的菜单
$("#ajaxUl").LuAjaxTree({
	url:'./data.json',
	simIcon: "fa fa-file-o",//叶子图标
	Demo:true,//模式,是否在服务器环境,true是演示模式,不需要后台,false是需要后台配合的使用模式
	Method: "POST",//请求方法
	mouIconOpen: " fa fa-folder-open",//展开图标
	mouIconClose:"fa fa-folder",//关闭图标
	callback: function(id) {
		console.log("你选择的id是" + id);
	}
});

//可操作异步加载数据生成无限级树形菜单
$("#updateUl").LuUpdateTree({
	url:'./data.json',
	simIcon: "fa fa-file-o",//叶子图标
	Demo:true,//模式,是否在服务器环境,true是演示模式,不需要后台,false是需要后台配合的使用模式
	Method: "POST",//请求方法
	mouIconOpen: " fa fa-folder-open",//展开图标
	mouIconClose:"fa fa-folder",//关闭图标
	callback: function(id) {
		console.log("你选择的id是" + id);
	}
});


[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
全红彩票 www.685858.com-北京福彩28| www.571553.com-即时开彩2015| www.666056.com-新加坡彩票官方网| www.766180.com-彩票风采网-| www.860265.com-河内时时彩全天计划| www.941282.com-彩票网站回单套利| 创世纪彩票www.36787a.com| www.629023.com-彩票中奖新闻真实性| www.747797.com-广州好彩丨开奖| www.866911.com-福利彩票全天彩| www.ih83.com-中彩那天的课文内容| www.13ko.com-今天篮彩预测推荐| www.72382.com-奔驰彩票团队qq群| www.135508.com-如何开福利彩票店| www.7241.xyz-彩虹6号冷知识| www.39032.com-中彩彩票黑平台| www.91997.com-金彩网天空彩喜中彩| www.084277.com-即时彩app-| www.621797.com-16亿彩票-| www.762953.com-青海快三今日预测号| www.094726.com-三地字谜画迷新彩吧| www.489409.com-高频彩大全-| www.586244.com-田野七乐彩预测| www.666905.com-昆明乐彩写真机| www.151789.com-梦见买彩票数字| www.169903.com-长春快三高级玩法| www.299575.com-凤凰vip快三下载| www.396965.com-快三下局蓷选| www.43862.com-旺彩软件不能用了| www.593851.com-武汉首座七彩网红桥| www.727396.cc-快彩是什么网站| www.071553.com-彩客竞彩app下载| www.37zw.com-积石山彩陶王| www.716303.com-彩铅画鲲-| www.847850.com-山东彩礼排行榜| www.915027.com-天天快三幸运快三| www.995666.cc-竞彩足彩必胜公式| www.am71.cc-快三助手苹果手机版| www.46644.com-时时彩平台无法提款| www.951723.com-买篮球彩票能挣钱吗| www.353332.com-55彩票微博日赚| www.3490.xyz-博彩老平台-| www.hx01.com-中国体彩香港快三| www.333598.com-可以赠送彩票| www.42yi.com-体彩胜负彩怎么投注| www.yj0.cc-吉林快三开奖结果1| www.xc06.com-南国彩票七星彩图规| www.44pg.com-uc彩票22-| www.937784.com-最好赚钱的彩票平台| www.rd8.com-福彩快乐10分钟| www.249748.com-体彩50元顶呱刮| www.482618.com-福彩3b丹东图片| www.233054.com-足球彩票3场| www.739412.com-顶尖彩票网址| 乐赢家彩票www.918356a.com| www.828271.com-复式彩票机选一组| www.910277.com-彩票哪种中奖率高| www.968682.com-9彩9彩票-| www.ma11.com-彩票平台哪个反水高| www.t76.com-七星开彩结果| www.41rh.com-吉利彩票平台黑平台| www.069.cm-博彩原理-| www.3621.biz-体彩排三的玩法| www.9112.biz-东莞市体彩中心| www.32084.com-多彩-| www.76165.com-温州福彩网点查询| www.026064.com-十分彩网真的假的| www.091031.com-七星规律彩票| www.144135.com-竞彩打水公式| www.599200.com-福利彩票咋买| www.pe48.com-河北省福彩开奖公告| www.39678.com-爱彩彩票安卓版免费| www.539483.com-昆山体育彩票店转让| www.635668.com-hao500彩票网| www.785108.com-中华彩票导报| www.906062.com-国彩网提现会到账吗| www.979754.com-一品彩票合法| www.ht54.com-北京快三预测码| www.332220.com-搜索南方双彩网| www.182287.com-彩票选号助手app| www.308518.com-台湾乐和彩开奖| www.393583.com-小学彩铅画图片大全| www.618748.com-360足彩助手| www.692168.com-彩播是啥意思| www.785152.com-海南7星彩155| www.865318.com-福彩3d遗漏-| www.919441.com-乐彩排列三走势图| www.973392.com-彩虹哥夏天-| 大赢家彩票www.799346.com| www.49286.com-红旗彩票网址是多少| www.95856.com-彩票中心上班时间| www.306797.com-吉祥彩app下载| www.46vj.com-中国竞彩网实时比分| www.632119.com-彩九时彩-| www.755812.com-汇旺彩票骗局揭秘| www.088958.com-吉林快三是正规的吗| www.92339.com-找竞彩高手-| www.770454.com-福彩提现-| www.002388.com-提供澳门时时彩平台| www.223418.com-陕西体彩兑奖地点| www.293976.com-卖体彩利润怎么样| www.396377.com-彩虹手机壁纸高清| www.501793.com-竟彩足球专家推荐| www.560825.com-足彩app大小球| www.635077.com-七彩云南的翡翠好吗| www.696616.com-台湾时时彩官网| www.768440.com-辽宁体彩网唯一指定| www.899292.com-彩票跟单是什么意思| www.960734.com-彩票天天签到送彩金| 500彩票www.50788g.com| www.891363.com-幸运快三的技巧| www.962173.com-星彩网大乐透预测| 9号彩票www.809699.com| www.ix42.com-内蒙快三了爱乐彩| www.659534.com-七星彩百度云盘| www.733193.com-快彩怎么下载软件| www.794301.com-九州彩票赚钱可靠吗| www.859272.com-快三线上投注技巧| www.895499.com-4scc彩票安卓版| www.935511.com-分分彩在线平台| www.290.cm-19035期7星彩| www.4201.com-汇彩国际可靠吗| www.67665.cc-v8彩票不让提现| www.96ru.com-万豪彩票官方| www.332878.com-好123手机彩票网| www.741368.com-28彩pc软件-| www.816539.com-周六开奖的彩票| 彩票大家乐www.21202o.com| www.336604.com-找一下江苏快三走势| www.01466.com-开福彩店哪些赚钱| www.0732.cn-安徽快三是国家的吗| www.805553.com-足球竞彩分析软件| www.894875.com-快彩开奖结果| www.963233.com-彩铅画山水画| 500彩票www.111307.com| www.rt27.com-快三单码投注技巧| www.401899.com-七星彩世-| www.491555.com-重庆体彩排列三| www.070608.com-福彩机过户流程| www.cai3855.com快三开奖结果吉林省| www.896087.com-怎么下载吉林快三| www.8699.cm-大福彩票是不是骗局| www.ko12.com-福彩三d试机号| www.268571.com-新浪福彩3d-| www.356418.com-安装一定牛彩票网| www.499829.com-分分彩软件计划| www.576155.com-赢钱彩票下载安装| www.387575.com-派彩网河北快三| www.021062.com-3k彩票平台-| www.101364.com-中彩拉app-| www.167827.com-快三最高赔那个网站| www.1884.vip-四场进球彩对阵单| www.952600.com-k彩手机登录| 易旺彩票www.yw373.com| www.31558.com-凤凰竞彩是真的吗| www.86772.cc-福建丹青快三查询| www.408833.com-够力七星彩画规| www.537106.com-彩票方面-| www.395592.com-竞彩职业玩家| www.497033.com-辉煌彩票兼职被骗了| www.733225.com-极速五分彩官方开奖| www.611103.com-体育彩排列三| www.750470.com-新快报轻报纸福彩| www.17462.com-手机玩彩票靠谱吗|