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.ct0.cc-分分快三有规律吗| www.103892.com-广东好彩三开奖结果| www.4214.me-七彩格子曝光| www.52325.cc-快三大小规则| www.022894.com-重庆时时彩官方网站| www.111912.com-新陶彩-| www.126370.com-大众彩票合法吗| www.676932.com-多彩办公大师| www.808933.com-买彩票十年没中奖| 中华彩票www.9149m.com| www.665905.com-三d开奖结果七乐彩| www.ez86.com-福彩出的什么| www.466700.com-极速时时彩计划骗局| www.627850.com-来彩网下载-| www.761690.com-彩之网app下载| www.936905.com-凤凰彩票可以玩吗| www.ll52.com-中彩吧55125| www.726.date-时时彩固定5码| www.035867.com-广西福彩官网快十| www.334326.com-快三多久一期| www.593828.com-东方彩票是黑平台吗| www.674555.com-世彩票-| www.55ag.com-贵州体彩范劲松| www.87978.cc-中国体育彩票胜平负| www.140369.com-快三最晚是几点钟| www.220102.com-百盈快三稳中计划| www.597622.com-彩票十一选五软件| www.707652.com-乐彩cc33app| www.794959.com-快三福彩解除银行卡| www.888022.com-彩票店什么时候开门| www.966596.com-久久发彩票pc| www.hc6.cc-中国快三计划| www.638077.com-懂球帝怎么购彩| www.762176.com-两分时时彩技巧| www.849106.com-时时彩哪个软件靠谱| www.960666.cc-彩票刷反水-| www.fh32.com-彩鸿彩票app| www.sq45.com-彩民l之家-| www.77ms.cc-琼海七星彩彩票网| www.3742.xyz-大空彩票官方网站| www.9557.in-海南地方彩票| www.44224.com-体彩票上的字母数字| www.91286.cc-好彩爆珠哪里有卖| www.051229.com-深圳凤凰彩票网| www.120559.com-彩票网络购买交税| www.217661.com-老时时彩五星走势图| www.836552.com-福彩3d体彩中奖号| www.917586.com-必赢彩票客户端| www.974524.com-福彩三d新彩网吧| www.ca3.com-快3彩票首页| www.937648.com-福利彩票8079b| 彩天下www.c1359.com| www.101572.com-500足球彩票比分| www.202760.com-湖南福彩网-| www.279624.com-亚投彩票邀请码| www.185012.com-98彩票网害我输了| www.265132.com-安徽快三遗漏统计| www.359186.com-怎么下载微博彩票| www.74200.com-万博时时彩源码下载| www.47118.com-结婚彩礼什么时候给| www.338535.com-彩票中奖一亿| www.897470.com-q彩官网-| www.958042.com-3d彩票分几种| www.999794.com-燕赵福彩开奖公告| www.bh90.com-易彩彩票合法吗| www.pm28.com-今日彩圣今日彩圣| www.003254.com-怎么开彩票店| www.616921.com-开彩票店找哪个部门| www.759855.com-云南时时彩开奖号| www.908370.com-怎么玩手机版快彩| www.974211.com-福彩中几个号有奖| www.052326.com-彩票代理能赚钱吗| www.86457.com-彩票大神吧-| www.53sl.com-遵义市体彩中心地址| www.433999.com-933时时彩-| www.532579.com-新手入门彩票| www.606581.com-网上实体店买彩票的| www.673396.com-ww1750乐彩网| www.755054.com-6768彩票中心| www.814367.com-邯郸银行彩票案| www.878222.com-福彩三地牛材网推荐| www.937289.com-神彩福牛双色球| www.981533.com-中国彩票最大奖排行| www.cp505.com-人人彩票网正规吗| www.6187.cc-上海众盈彩票| www.8su.cc-时时彩网站源代码| www.323.tv-什么软件可以买体彩| www.612968.com-彩票每日首存上| www.689031.com-天天彩娱乐-| www.765633.com-福利彩票正版藏机图| www.834822.com-好彩黑蓝价格| www.890982.com-七星彩彩票统计器| www.951045.com-大无限彩票-| www.991295.com-旺财彩票网-| www.jx8.com-河南福彩网-| www.sh00.com-彩神8app下载| www.976644.com-四川眉山彩礼| www.lo3.com-江苏快三时间调整| www.st22.com-时时彩9码注码法| www.2fz.cc-彩票店兼职卖点什么| www.60uc.com-快三和值遗漏| www.gs6.cc-安徽快三靠谱吗| www.300047.com-好彩官方版0567| www.203185.com-竞彩app排行榜| www.341231.com-体彩能真中奖么| www.565582.com-彩票两元网数据遗漏| www.692572.com-泰国的彩票怎么查| www.804458.com-快三彩票网址| www.954620.com-竞彩2串1比赛腰斩| www.ls09.com-春庆老时时彩走势图| www.985.cm-够力七星彩排列5表| www.679010.com-中福在线视频彩票| www.938035.com-双赢彩票网平台| www.oa35.com-内蒙福彩快3模拟| www.362318.com-改比喻句彩虹| www.630072.com-彩票有作弊器吗| www.732785.com-河南驻马店西平彩礼| www.875324.com-双色球中奖彩票故事| www.973304.com-彩虹哥逆战交易平台| www.ac36.com-今晚六开彩开奖现场| www.xu11.com-彩票一般买哪个好| www.973565.com-彩虹宝宝中文版全集| www.39411.com-旧版九歌彩票网下载| www.087209.com-cp710彩票真假| www.198013.com-双彩论坛首页| www.277173.com-七星彩结果-| www.406666.cc-乐佳商城彩票端下载| www.30393.com-大连市体育彩票中心| 福彩www.16878f.com| www.766877.com-nba篮彩推荐分析| www.311803.com-快三投注倍投计划表| www.m88.link-中彩网邀请码是什么| www.223261.com-中彩网双色球彩票| www.02773.com-中国体彩开奖软件| www.dp20.com-快彩王软件下载| www.977784.com-彩票网址平台| www.5893.xyz-市体彩中心兑奖额度| www.323610.com-香港赛马彩票| www.9415.top-彩票冷热怎么分析| www.922352.com-四川彩礼一般给多少| 500彩票www.653152.com| www.388732.com-谷歌分分彩开奖原理| www.772196.com-时时彩漏洞骗局| www.972895.com-彩票贴吧百度| www.21987.cc-什么是投资刷彩| www.75139.com-彩吧排三第二版| www.69910.com-广西体彩电话| www.578098.com-快三顺子奖金| www.ve59.com-南京福利彩票| www.576794.com-关于彩票的图片大全| www.656731.com-色彩性格测试| www.153311.com-三分彩如何看规律| www.c06.club-体彩游泳夺金开奖| www.28kq.com-三彩丽雪-| www.2801.live-体彩大家玩什么彩票| www.6158.cn-天津体彩中心官方网| www.3667.cm-昨晚彩票开奖| www.87ml.com-了解彩票的有关知识| www.560082.com-体彩排列是5走势图| www.404433.com-东北彩礼多少| www.282860.com-三千万福彩-| www.386317.com-快彩123下载| www.hb55.cc-福彩3d吧百度贴吧| www.613212.com-江苏福利快三|