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.46535.com-拉萨快三走图| www.oq76.com-手机上如何购彩票| www.047883.com-彩票中奖率高不高| www.560190.com-kk彩票下载安装| www.747464.com-时彩下载手机版| www.895073.com-优彩论坛-| www.77dj.cc-正月初七福彩开奖吗| www.957514.com-大发ok彩票-| www.tc55.com-彩票行业未来前景| www.0203.in-天下赢彩四不像| www.811.xyz-今晚七乐彩推荐号码| www.672278.com-福彩机器打票的教程| www.800181.com-为何不能网购彩票| www.933537.com-北京福彩在哪兑奖| www.cp9868.com-易彩快3计划| www.369321.com-彩民社区47849| www.707218.com-体彩283玩法说明| www.111667.cc-唐山中3亿彩票的人| www.93454.com-时时彩个人赢钱技巧| www.485376.com-网上彩票真的假的| www.hd92.com-快三多少组号码| www.7011.vip-3d彩票概率大小| www.177513.com-吉林快三手机助手| www.1840.cc-天天彩报论坛| www.003726.com-竞猜足彩比分计算器| www.110472.com-皇都彩票官方网址| www.3526.biz-试玩彩金-| www.9158.site-胜负彩十四场投注| www.621353.com-山东11选5爱乐彩| www.756322.com-全民彩票的升级版| www.928145.com-彩色一体打印机| www.998647.com-体育彩票7位数开奖| www.5557.cn-3d彩吧开机号今天| www.770529.com-时时彩资金分配方案| www.877351.com-境外彩票骗局| www.953996.cc-牛彩网字谜总汇| 68彩票www.68689k.com| www.51uy.com-小班彩虹伞玩法| www.656906.com-大平台彩票网址| www.023137.com-福星彩开奖直播| www.115366.com-彩钢瓦漏水-| www.218839.com-快发彩票-| www.575166.com-彩票网官网-| www.8948.com-全民彩票快3| www.31ka.cc-彩虹合唱团歌曲| www.220586.com-彩43-| www.84611.com-彩色水泥多少钱一吨| www.268609.com-体育彩票软件排行榜| www.424123.com-足球彩票开奖号码| www.561023.com-彩票三十六选七| www.633878.com-彩票助赢计划最准群| www.010.la-彩票系统出租搭建| www.636575.com-彩虹之歌儿歌中文| www.692556.com-6678彩票代打| www.967567.com-体彩大乐透选号大师| www.ku7.com-江苏体彩e球彩规则| www.zp45.com-唯彩会专家预测号码| www.cp3800.com-一分快三计划群| www.150475.com-各种pk10彩票| www.303969.com-中国福彩报-| www.ka.com-彩票随机选号器在线| www.311676.com-五福彩票下载通用版| www.399168.com-发彩用户登录| www.882185.com-稳定的彩票平台源码| www.991656.com-旺彩双色球下载平台| www.dr66.com-今日彩票开奖号码| www.7538.wang-移动彩票靠谱吗| www.982404.com-五分时时彩开奖查询| www.en99.com-体彩开奖直播| www.613830.com-强强双色球彩票软件| www.554582.com-玖富彩票平台| www.199870.com-快三开奖结果河北着| www.416896.com-天下彩民彩图诗句| www.1120.pw-成都竞彩网点| www.77xx.cc-足彩算不算赌博| www.984530.com-福彩3d小小鱼图迷| www.bm18.com-好运来时时彩安卓版| www.td71.com-中国福彩彩种介绍| www.10uo.com-博彩支付接口判刑| www.98178.cc-黔南州体彩中心地址| www.576181.com-正版资料丨牛蛙彩票| www.977322.com-彩礼不得超2万| www.cp8785.com-快三微信群号| www.216865.com-上海快三遗漏数据| www.458162.com-蒂之彩半永久怎么样| www.677898.com-福利彩票兑奖公众号| www.957864.com-福彩中心主任王素英| www.cai2422.com10分钟一期的彩票| www.01866.com-双色球旺彩软件下载| www.023761.com-六台彩迷宫2| www.192932.com-网赌彩票app| www.365983.cc-最顶级的水彩颜料| www.675335.com-新华彩票是谁| www.882913.com-中国彩礼排行榜| www.ci80.com-安徽安徽快三走势图| www.134223.com-体彩26期-| www.555431.com-吹吹七星彩论坛专区| www.629590.com-彩球官网-| www.697557.com-彩票联盟平台| www.2721.pw-福彩3d天齐网| www.692307.com-7k彩票57177| www.993839.com-新浪彩票19006| www.pm34.com-青海福彩软件下载| www.448499.com-u9彩票网址| www.002092.com-七乐彩奖励表| www.ur83.com-彩票流水怎么算的| www.070458.com-人人彩票充值不了| www.661852.com-搜索二四六天天彩| www.773672.com-时时彩摇奖机软件| www.868504.com-七乐彩杀号2元| www.924805.com-中国福彩新玩法| www.973752.com-飞来福彩吧-| www.dh01.com-福利彩票要中几位数| www.us30.com-今天内蒙古快三走势| www.365554.com-快三图文解说技巧| www.vt89.com-惠民彩票平台登录| www.302843.com-快三奖金怎么算| www.371937.com-500彩客网-| www.696109.com-财神彩票网址注册| 中国福利彩票www.3478f.cc| www.839152.com-中国竞彩网手机软件| www.290019.com-中国福利彩票奖金| www.30378.com-3的双彩图-| www.31109.com-彩票彩客旧版237| www.6959.pw-679彩票靠谱吗| www.4534.top-体育彩票19020| www.673781.com-159竞彩足彩| www.982833.com-体彩福彩3d八卦图| www.n86.com-彩票系统开奖源码| www.956.tv-七星彩如何才算中奖| www.21qw.com-688.cc彩下载| www.3171.top-幸运分分彩官方开奖| www.12168.com-足球彩票圈论坛| www.555434.com-c53彩票-| www.10792.com-体彩三排试机号| www.40015.com-彩票上写字能兑奖吗| www.71708.com-精英彩票6lcc| www.849552.com-竞彩足球app官方| www.893151.com-时时彩独胆技巧大全| www.947049.com-22福利彩票-| www.977839.com-500万彩票网上| 大赢家彩票www.599546.com| www.270540.com-幸运快三怎么玩法| www.yo49.com-体彩竞彩哪里可以买| www.92os.com-彩票网站cl008| www.205508.com-内蒙古福彩中心地址| www.638917.com-厦门体彩办理| www.700323.com-美人鱼彩票是真的吗| www.764606.com-玩彩网苹果版下载| www.819618.com-彩票分析师怎么考| www.447312.com-众彩网网址-| www.ob54.com-竞彩足球数据| www.83107.com-篮球竞彩软件| www.029956.com-彩虹谷照片真实照片| www.62108.com-微信购彩app下载| www.48lm.com-海滨时时彩计划| www.365876.cc-七星彩预测专家预测| www.353279.com-京彩客户端-| www.452559.com-浙江快乐彩助手| www.589255.com-竞彩足球赔率规律| www.852654.com-168彩票苹果| 幸运彩票www.669202.com| www.626368.com-鑫彩晨科技-| www.752365.com-中彩中彩-|