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.46be.com-头奖彩票app下载| www.795.mobi-小六壬测彩票的号码| www.432788.com-彩合开奖-| www.298767.com-福彩幸运彩走势图| www.878117.com-福彩前面中3个| www.974533.com-快三中奖高手| www.fd2.com-新浪时时彩走势图| www.68038.com-重庆老时实彩| www.137906.com-黑彩票新闻-| www.735030.com-91彩神合法-| www.833006.com-77彩票网址-| www.939364.com-足彩北单比分直播| www.d00.top-时时中彩票平台登录| www.61657.com-三地彩票图迷汇总| www.67398.cc-网络彩票输都是贪心| www.97rx.com-竞彩怎么打票教程| www.107064.com-赛马彩票-| www.157.net-雨后彩虹起网名| www.898360.com-hk百彩网开奖结果| www.974075.com-好的彩票平台| www.ep2.cc-大奖彩票登录| www.252670.com-老时时彩开奖数据| www.71647.com-我梦见彩票中奖号码| www.231934.com-最正规的彩票软件| www.331112.com-财神8彩票计划网址| www.273287.com-千亿彩票骗局| www.7510.loan-周边彩票店-| www.27448.com-彩票软件破解版教程| www.72349.com-大钱庄彩票软件下载| www.026229.com-快三免费计划app| www.098301.com-彩票内部数据诈骗| www.5888.live-廊坊福彩中心电话| www.23650.com-腾讯分分彩后二教学| www.72058.com-福利彩票终端机东莞| www.021937.com-皇冠彩票可靠吗| www.54242.com-时时彩遗漏报警| www.36ug.com-好彩客提现真的假的| www.650.tv-哪家彩票娱乐平台好| www.192675.com-体彩11选择5结果| www.277712.com-黑彩网址攻击软件| www.358452.com-连续1000彩票| www.439403.com-彩之星站靠谱吗| www.527600.com-黑彩平刷-| www.590730.com-好彩堂三期四肖必出| www.454211.com-地球纪元彩虹之门| www.563608.com-q彩注册6位邀请码| www.647168.com-足彩14场中奖技巧| www.739077.com-彩票平刷软件手机版| www.809598.com-必赢彩票正规吗| www.884971.com-河北爱彩乐十一选五| www.959525.com-彩民彩票下载安装| 博友彩www.917233.com| www.1717.cc-世界杯在那里面彩票| www.72tk.cc-山东福彩双色球规则| www.678769.com-彩票计划专业网| www.771642.com-8k彩票彩种-| www.854212.com-下载安装多彩网| www.916107.com-体彩店转让最新信息| www.977700.com-世界杯竞彩网| www.lm0.com-快三在手机上怎么玩| www.pm01.com-体彩官-| www.92fv.com-莆田枫亭时时彩| www.2277.vip-福利彩票改时间| www.95qo.com-类似口袋彩票| www.3318.cn-彩色漫画大全| www.8916.me-头头博彩登录| www.020901.com-彩票推算神器| www.975564.com-内蒙古福彩票| www.pm10.com-彩圣福彩3d字谜| www.034974.com-百策富论坛彩金| www.703598.com-福彩中奖故事| www.787018.com-全民竞彩彩票电脑版| www.878522.com-网赌彩票倍投骗局| www.02891.com-体彩泰安3亿| www.657907.com-彩票机怎么联网详图| www.737915.com-五星竞彩-| www.810881.com-彩盈怎么登陆| www.879466.com-多乐彩玩法-| www.940402.com-七星彩开奖第48期| www.984775.com-体彩大乐透模拟选号| www.ke.com-北京快三计划| www.0515.la-248彩票苹果下载| www.335687.com-广西快三是否好打| www.07769.com-中彩那天生字词| www.100214.com-彩票禁止网络销售| www.629102.com-彩色激光复印机a3| www.836888.cc-竞彩比分奖金上限| www.080664.com-色彩斑斓-| www.211909.com-彩客站是真假| www.323637.com-七乐彩全国各地销量| www.786381.com-彩票断组软件| www.864666.com-牛彩网彩票-| www.930638.com-彩票中奖个税税率| www.980932.com-49彩票官方平台| www.do69.com-澳门快三平台| www.403321.com-下载七星彩或规律| www.501440.com-合乐时时彩平台| www.bang| www.245728.com-中国足彩网手机版| www.329716.com-深圳福彩区块链彩票| www.426210.com-彩钢板915板型| www.521255.com-彩吧vip快三| www.599140.com-彩票自选号码| www.669430.com-彩票什么时候实名制| www.738997.com-中国彩票有多假| www.805016.com-中国竞彩官方旗舰店| www.14hq.com-中国彩宝品牌加盟| www.1950.biz-彩票应用软件排行| www.247223.com-上海市体育彩票中心| www.313458.com-彩神8下载ios| www.38936.cc-中彩彩票一分合三| www.qg94.com-好彩双爆多少钱一包| www.233498.com-湖北快三两同号遗漏| www.334466.com-万达彩票网站首页| www.447343.com-买足彩稳胜技巧穿法| www.589035.com-彩经网专家免费预测| www.116078.com-多赢大发快三| www.225977.com-天天中彩票平台诈骗| www.095771.com-四川彩票网-| www.183029.com-福彩安徽快三走势图| www.260621.com-新疆肘时彩开奖号码| www.143898.com-体育彩票今天选号| www.234366.com-大发时时彩在线计划| www.302780.com-福利彩票快3安装| www.365719.cc-彩色铅笔素描人头| www.447357.com-众彩网是能赚钱么| www.531003.com-竞彩彩客app| www.727558.com-山东省体彩app| www.7285.win-彩虹六号单机| www.287182.com-购买足彩-| www.337369.com-吉林黑彩案件| www.78zp.com-立博彩票app| www.377206.com-腾讯75秒彩走势图| www.465944.com-时时彩对打套利技术| www.586244.com-田野七乐彩预测| www.680972.com-彩店宝彩票不能提现| www.163833.com-彩票中奖后过得怎样| www.445591.com-海南特区彩票论坛下| www.591745.com-彩票中奖怎么花| www.702398.com-竞彩足球软件| www.830278.com-567彩票邀请码| www.945873.com-足彩让球胜平负玩法| www.cp9266.com-豪彩app下载| www.344481.com-彩票解码绝密| www.500133.com-体彩售卖点-| www.550354.com-港彩社区-| www.26931.cc-中彩票的概率是多少| www.78488.com-福利彩票基础知识| www.094444.com-体彩19025开奖| www.267162.com-19050足彩-| www.870147.com-大发福彩是真是假| www.261609.com-福彩广西基本走势| www.178863.com-单双大小彩票| www.255062.com-时时彩官方开奖| www.329081.com-青海福彩网app| www.397613.com-昆明五分钟快三| www.870396.com-彩票投注平台哪个好| www.327714.com-体彩福彩开将结果| www.873611.com-c760彩票好乐多| 天天彩票www.106167.com| www.dp22.com-什么软件玩快三| www.sh61.cc-92彩票app-| www.o36.com-时时彩平台搭建出租| www.202650.com-网易购彩163|