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天

知道了
58福彩 www.1581.cc-体育彩票收藏目录| www.380477.com-甘肃快三开奖连线图| www.568980.com-鸿易彩票是真的假的| www.875654.com-高赠送彩票平台| www.031869.com-釉上五彩-| www.450389.com-湖南福彩l网| www.691873.com-高频彩在线人工计划| 500彩票网www.65707b.com| www.30304.com-福彩3d双采图谜| www.729311.com-吉林快三盘怎么弄| www.878311.com-500彩票网网址| www.150889.com-818彩票网站| www.yk80.com-马来西亚彩开奖结果| www.024116.com-磁县彩票中42万| www.613228.com-南洋乐和彩开奖| www.799668.com-葡京组队彩金| www.og71.com-宝马彩票客户端| www.0889.org-彩站宝官网客服电话| www.618636.com-南方双彩排列三预测| www.530369.com-时时彩必须做到止损| www.063158.com-9万彩票官方网站| www.9140.net-北京彩票店转让| www.3018.vip-正彩面膜-| www.338625.com-随州中彩票-| www.573922.com-中信福彩网站| www.833590.com-abc彩票app-| www.062963.com-金湖体彩-| www.983185.com-盈彩彩票是骗局吗| www.qm41.com-快三号全部号码| www.75bs.com-时时彩正规倍数| www.3856.vip-竞彩资讯竞彩专家| www.dt08.cc-福彩自助彩票机代理| www.888335.com-解梦七星彩-| www.825211.com-55125彩吧网| www.737816.com-购乐彩合买大厅| www.961007.com-福彩三d双期走势图| www.qf5.com-乐和彩彩票等待开奖| www.503267.com-彩之堂赚得多吗| www.588466.com-粤海七星彩交流区| www.705005.com-下载体彩3d-| www.787496.com-福彩快3网官网| www.877843.com-福彩时时彩42期| www.954473.com-星期五开什么彩票奖| 中国福利彩票www.33588y.com| www.968346.com-江西彩票快手网| www.ij74.com-官方福利彩票软件| www.72md.com-体彩甘肃11迭5| www.5555.blue-彩影正版免费版下载| www.432668.com-凤凰微彩下载| www.686187.com-彩票挂机助手| www.105579.com-彩八彩票幸运28| www.285188.com-时时彩为啥改时间| www.965534.com-查一下北京快三| www.cp8551.com-新吉林快三开奖结果| www.391078.com-爱彩乐遗漏号| 乐彩网www.lcw997.com| www.602107.com-彩票逃跑-| www.00521.com-福利彩票结束时间| www.094998.com-买彩票不亏法| www.055143.com-彩色的黑-| www.420545.com-河北省福彩客服电话| www.944.site-最简易的彩票| www.294309.com-福彩图谜汇总| www.565168.com-福彩3d字谜57期| www.664256.com-下载天津爱彩乐网站| www.771191.com-彩虹儿童画图片| www.907339.com-电脑版中国体育彩票| www.988811.com-彩八可以在哪里下载| www.ku83.com-上海体彩官方app| www.4767.me-鸳鸯彩票-| www.19820.com-手机制作彩票app| www.966614.com-5分快三软件| www.jn7.com-江苏十一控彩票| www.j23.in-人人买彩票app| www.79bk.com-香港三色彩公司开奖| www.2231.cn-阿狸彩票阿莉彩票| www.7118.biz-萝莉炸金花彩票规律| www.03730.cc-彩票赌网-| www.869234.com-七星彩一千期走势图| www.x92.org-彩票棋牌软件| 幸运众彩www.108067.com| www.cai876.com-快三口诀逢3下15| www.683110.com-彩500群-| 乐彩网www.3416h.com| www.ng67.com-足彩网app-| www.0231.org-时时彩组三万能买法| www.194365.com-中彩票的真实故事| www.318704.com-彩票308期-| www.776329.com-朋友非要拉我买彩票| www.ca74.com-河北福彩排列5开奖| www.tm60.com-东北人玩的福彩| www.878296.com-东方彩票幸运快3| www.026523.com-高频彩票概率学| www.609236.com-智彩电子图-| www.6550.top-福彩三地千禧试机号| www.8912.cn-体彩七位数开奖历史| www.191771.com-快三图片大全| www.429520.com-江苏快三福利彩| www.526272.com-3d可以网上购彩吗| www.917115.com-彩铅画风景画| www.975459.com-彩票购买推荐| www.cp0928.com-江苏快三破解器下载| www.jj54.com-江苏老快三-| www.822165.com-购彩助手软件手机版| www.57825.cc-彩票彩吧app| www.030403.com-购彩app下载| www.028021.com-彩票会中大奖吗| www.558268.com-幼儿彩铅画图片大全| 易彩网www.12455t.com| www.cai5444.com甘肃快三的预测| www.102764.com-时彩是不是合法| www.606959.com-炫彩彩票软件下载| www.tq93.com-中国彩票预测一注准| www.1889.site-福彩3d福星高照| www.502046.com-中国彩吧专业走势图| www.679030.com-糖果派对怎么拉彩金| www.878235.com-500彩票娱乐平台| www.45uh.com-盛大彩票邀请码| www.894467.com-快三过滤器下载| www.334876.com-今天体彩排五开奖号| www.739867.com-犀牛彩票大发云系统| www.871941.com-瑞彩祥云是正规的吗| www.985597.com-竞彩必发交易量| www.pl63.com-北京快三一共多少期| www.0641.in-北京时时彩计划手机| www.27113.cc-福彩3d计算和差| www.62au.com-台湾福彩星图库| www.0170.xyz-宝利彩票网站| www.8643.biz-众乐彩票网合法吗| www.796914.com-彩票概率计算方法| www.899508.com-9万彩票软件手机版| www.ck47.com-福利彩票选四开奖| www.63299.cc-彩票平台彩金大放送| www.029975.com-周杰伦彩虹歌词含义| www.121293.com-询问加入微信彩票群| www.1990.cn-pp彩票能取现吗| www.06558.com-乐彩论坛3d静态版| www.751097.com-彩运彩票app| www.835525.com-福彩26选五-| www.893318.com-彩票做号软件手机| www.956074.com-快三彩票辅助器| 500彩票www.50080y.com| www.ct07.com-私彩对接官网| www.68731.com-福彩快3开奖查询| www.760655.com-福彩广东好彩3| www.cd48.com-黑彩搭建-| www.381598.com-泰安体育彩票| www.47181.com-好彩三遗漏走势| www.98967.cc-时时彩总和大小漏洞| www.075513.cc-武汉福彩店快3转让| www.691231.com-烟台福利彩票申请| www.762138.com-竞彩猫官方网站| www.826888.cc-98彩票成立时间| www.886906.com-永乐彩-| www.954804.com-七彩娱乐自助注册| 彩天下www.c5127.com| www.ad03.com-福彩直播现场直播| www.vi22.com-北京新快三-| www.141857.com-牛彩官网登录| www.447723.com-发微信买彩票中奖| www.591168.com-上海彩礼和嫁妆| www.654905.com-快乐十分彩票推荐图| www.730693.com-天天彩票网址| www.801783.com-体育彩票走式图|