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.62lc.com-双色球彩票开时间| www.29153.cc-河北彩票最大奖| www.02895.com-亚彩会注册平台| www.412385.com-彩票怎么卖-| www.m13.cn-51中彩竞彩彩票| www.28pu.com-体彩七位数中三个数| www.349055.com-彩票冷热什么意思| www.512629.com-遵义旱桥附近彩票店| www.709991.com-彩票首存-| www.810349.com-新政后彩票业萧条了| www.az95.com-吉林快三基本走势图| www.30fp.com-福彩昨天晚上出啥| www.1114.vip-53彩票下载安装| www.ff56.com-大赢家5分钟彩票| www.656089.com-福彩三地和值表图片| www.837693.com-重庆时时彩的套路| www.36qv.com-时时彩黑马人工计划| www.122834.com-天天彩票网安全吗| www.444896.com-咸阳彩票店转让信息| www.542014.com-臻彩丝绒唇膏| www.610539.com-彩票软件网站好不好| www.317151.com-c9彩票官网-| www.421860.com-17彩票是真的吗| www.733546.com-快开彩票销量惨淡| www.69hc.com-彩票坊专业购彩| www.fd11.com-3d彩票买法-| www.497619.com-5k彩票注册登录| www.8778.live-分分彩官网下载链接| www.023831.com-山西福彩快乐十分钟| www.365623.cc-竞彩理财计划| www.8360.online买足彩外围是否合法| www.55161.com-打鱼送10金币彩金| www.548597.com-森下真依新原里彩| www.614844.com-时时彩大师app| www.680128.com-双色球彩票真实性| www.766435.com-鑫彩美缝剂厂家直销| www.907952.com-七星彩怎么算单双头| www.973752.com-飞来福彩吧-| www.cp149.com-彩票端快三-| www.202365.com-大发快三软件下载| www.308073.com-不会买彩票怎么办| www.539043.com-福彩快三选号技巧| www.541110.com-彩票网站怎么做| www.cp9600.com-旺彩苹果手机版下载| www.599499.com-如何提高彩票店销量| www.866891.com-南京市体彩兑奖| www.13wg.com-彩金宏辉翻牌机| www.270396.com-500彩苹果版下载| www.958538.com-我要下载彩99| www.093316.com-新浪彩票林美眉| www.165558.com-彩六季票在哪买| www.322170.com-南方手机彩票网| www.547357.cc-刷彩赚佣金客服| www.34725.com-福彩三d彩经| www.334660.com-彩票每天有多少人买| www.461768.com-福彩图迷专区| www.556677.cc-蓝精灵彩报b版| www.691817.com-会员登录76c彩票| www.18937.com-福彩3d手机app| www.30028.com-鼎盛彩城官网| www.883408.com-彩票app开发商| www.761608.com-体育彩票61玩法| www.814471.com-19035期足彩| www.946691.com-31体彩选七-| www.ad57.com-今日中原风彩开奖| www.e89.top-新浪七乐彩开奖直播| www.21sf.com-竞彩预测分析推荐| www.0327.cm-826ct彩票下载| www.007176.com-快三012路运用| www.972746.com-彩铅画花草-| www.26133.com-彩虹羽泉歌词含义| www.89331.cc-合乐彩app注册| www.079583.com-广州快三怎么查询| www.47538.com-马来西亚彩票玩法| www.23598.cc-彩神1号app-| www.192120.com-江苏快三有没有技巧| www.363875.com-七色彩虹花-| www.169376.com-快三怎么玩才能赢| www.837322.com-怎么找竞彩客户端| www.61dm.cc-掌上彩票推荐码| www.33531.com-凤彩的意思-| www.88729.cc-万豪彩票是正规的吗| www.048896.com-河北燕赵福彩排列五| www.72288.com-彩运天降-| www.167708.com-中彩下载-| www.cp183.cc-快三怎么买赚钱| www.954381.com-牛蛙彩票四不像| www.cai0333.com福利彩票-| www.qz42.com-快三输惨了-| www.0044.biz-中国福利彩票验证| www.050400.com-玩黑彩赔钱了| www.113028.com-福彩刮刮乐字母w| www.886288.com-彩铅动漫古风女| www.mq08.com-时时彩方案稳定盈利| www.18279.com-京彩彩票娱乐| www.ky32.com-好运彩app下载| www.269367.com-三分彩开奖网址| www.69940.com-安装手机福彩福利| www.198624.com-大发快三彩票解码器| www.bl06.com-下载内蒙古快三助手| www.804808.com-时时彩开奖软件安卓| www.880152.com-台北快三规律破解| www.949867.com-乐优彩票苹果| www.994010.com-彩票足球竞彩怎么玩| www.cc36.cc-陕西11选5爱彩乐| www.9531.online百博七星彩投注| www.2206.cm-京彩精選合集| www.040218.com-福彩双色球合买大厅| www.019584.com-意大利超级乐透彩票| www.191237.com-幸运快三计划app| www.353585.com-京彩是什么网站| www.510228.com-体彩彩票有哪些软件| www.637933.com-彩票公益金余额| www.765956.com-十分彩开奖结果| www.920733.com-佰萬彩票app| www.zn3.com-福彩快3内蒙开奖| www.8915.biz-诸暨竞彩大奖| www.729985.com-快三跨度怎样分析| www.12705.com-周口体彩兑奖中心| www.005315.com-彩79app下载| www.00751.com-乐彩论谈手机版| www.83556.com-彩票大数据统计| www.9yr.com-彩票几点不能买| www.75708.com-足彩入门教程系列书| www.245542.com-胜负彩比分-| www.cp847.com-贵州快三开奖结果等| www.vl92.com-快三走势图怎么解法| www.79ug.com-极速快三大小技巧| www.232006.com-彩票手机版-| www.067255.com-体彩机器换纸示意图| www.167585.com-快三官方网站| www.199500.com-湖北福利彩票| www.393283.com-秋天风景画彩铅画| www.560720.com-休育彩票查询双色球| www.668578.com-远途国际彩票是什么| www.751730.com-开心彩票app| www.817690.com-时时彩走势助手| www.884358.com-乐彩网排列三论坛| www.984523.com-手机福彩自动选号器| www.fo69.com-线上快三-| www.812086.com-体彩排列五计算口诀| www.947900.com-找购彩网站-| www.sm75.com-重庆旧时时彩| www.813229.com-探探上加微信玩彩票| www.936923.com-查3d彩票怎么玩| www.cp7330.com-北京快三玩法官网| www.823927.com-官方彩票3d下载| www.880141.com-买福利彩票技巧| www.934517.com-时时彩0到9对码| www.974500.com-大星彩票网址| 彩票5www.550435.com| www.284131.com-跟彩票有关的网名| www.844385.com-福彩的作用-| www.911099.com-安徽快三最新预测| www.989244.com-福彩快三过年休几天| www.bv78.com-福彩快三今天奖号| www.xd06.com-海南七星彩图纸| www.001032.com-极速快三开挂软件| www.24kq.com-南方双彩下载安卓版| www.6679.shop-体彩任九怎么看结果| www.np80.com-彩票兑换-| www.674883.com-彩票哪个单位管| www.15815.cc-少儿卡通狗彩铅画| www.76602.com-陈赫中奖彩票第几集|