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.630788.com-彩票密集-| www.8619.xyz-中乐彩登录网址| www.139431.com-百福彩票网下载| www.025434.com-银川仟彩摸吧价格| www.745538.com-七星彩24k金码| www.ga05.com-浙江省快乐彩走势图| www.476811.com-支付宝怎么兑换彩票| www.595468.com-nba预测篮彩| www.698461.com-嘉兴福彩机申请| www.874374.com-福彩3d老谢预测| www.990642.com-点点中彩票是官网吗| www.mw95.com-彩票人人网-| www.83997.com-令天六开彩开奖结果| www.520907.com-中国玩黑彩的人多吗| www.640222.com-新浪彩票爱彩| www.745627.com-湖北彩票app| www.831126.com-时时彩两个平台对买| www.925956.com-彩票彩种分析| www.996735.com-团队买彩票是真的吗| www.bb69.com-两分快三计划| www.vx91.com-大发快三稳赚| www.18ab.cc-即时开彩现场直播| www.409696.com-811彩票打法| www.9265.online乐彩网的计划三倍投| www.76533.cc-足彩赔率及盘口| www.84go.com-福利彩票亭-| www.4554.cn-七星彩查号码| www.132117.com-上海彩妆店-| www.1339.in-20分钟一开的彩票| www.7259.cc-彩虹4无人机售价| www.hy65.com-河北燕赵福彩网官网| www.45ia.com-福彩门户.ok88| www.37783.cc-暗网彩票如何加入| www.400488.com-彩票站号怎么查询| www.507516.com-吉林快三计算| www.600762.com-两分快三走势图| www.670074.com-彩票多少个号| www.132077.com-河南濮阳各地彩礼| www.208851.com-彩票跟长龙-| www.287767.com-华夏彩票网-| www.704047.com-澳超竞彩推荐| www.829252.com-2017足球彩微信| www.914678.com-58彩票官方-| www.988972.com-福气快3彩票网| www.nn1.com-福彩快三真的假的| www.397434.com-排列三牛彩字谜打卯| www.570794.com-愚人节彩票中奖| www.663988.com-时事彩五星独胆| www.vx97.com-快三跨度走势图表| www.93vl.com-彩喷图片是什么| www.08198.cc-竞彩足球二选一规则| www.jh48.com-彩发发app苹果版| www.397849.com-体育彩票加盟店联系| www.138380.com-中国福利彩票字谜| www.903959.com-彩票游戏出租| www.jh9.com-彩500uu快三| www.001649.com-釉彩专业毕业去向| www.949018.com-国彩官网登录网址| www.612227.com-有什么好的彩票网| www.724019.com-福建体彩时时彩| www.812027.com-大乐透乐彩论坛| www.926617.com-彩票几元一注| www.1949.cn-佛山体彩普君店| www.119661.com-乐彩网缩水工具| www.317291.cc-重庆时时彩走势技巧| www.23wb.com-什么是掌中彩| www.8493.vip-网易彩票还能买么| www.689758.com-微彩吧怎么下载| www.02657.com-体彩中奖后网投| www.576296.com-小彩牛用户登录| www.744750.com-趣头条彩票官网登录| www.971640.com-谁有玩彩票的网址| www.819237.com-彩票可以长期收益吗| www.966325.com-顶尖彩票兼职| www.kz74.com-234彩票官网登录| www.692603.com-移动积分怎么换彩票| www.939402.com-上海福彩快-| www.401926.com-网咯彩票怎么玩法| www.596466.com-福彩3d最多买几倍| www.732938.com-苏州市体彩兑奖中心| www.906900.com-中国彩票那种奖金高| www.ap61.com-贵州彩票中心地址| www.564688.com-七星彩解码梦册网| www.513151.com-8k彩票有几年了| www.125647.com-陕西福彩3b字谜| www.740822.cc-蓝精灵彩报图b| www.8036.loan-彩票神算王关注| www.454464.com-银彩通手机版下载| www.571723.com-看彩票开奖软件下载| www.393058.com-明日彩票-| www.850410.com-网易上可以买彩票吗| www.939654.com-云南时时彩开奖号码| www.998028.com-七星彩解诗网一琼粤| www.kh29.com-易彩网怎么提现| www.180345.com-中彩彩票平台| www.937114.com-快三公交车路线查询| 顶级娱乐www.872198.com| www.115.me-黑彩彩票-| www.843159.com-足彩大赢家微博| www.928358.com-北京福彩网上投注站| www.af55.com-体彩开-| www.0ln.com-天天爱彩软件| www.580596.com-世界杯网售彩票| www.648476.com-福利彩票猫腻| www.2520.in-福利彩票诗句| www.q45.org-广西快三游戏规则| www.362348.com-描写雨后彩虹的古诗| www.871084.com-彩票投注资金计划表| www.998406.com-福建省福彩快讯报纸| www.uj10.com-福彩3天计划论坛| www.058293.com-三d彩界王子独胆| www.220231.com-北京快三到几点结束| www.24490.cc-彩铅画古典美人| www.9mk.com-山东体育彩票网站| www.258726.com-中国足彩网老版本| www.677172.com-福彩3d宝典图| www.780998.com-江西福彩快三规则| www.854382.com-时时彩倍投咋样合算| www.927289.com-韩国彩票网快三| www.978932.com-500彩票投注网| www.cai8222.com分分快三最坑| www.017169.com-福彩甘肃基本走势| www.7dk.com-复式彩票怎么中奖| www.64gw.com-唯彩视频-| www.00623.com-彩票代打导师微信号| www.354648.com-加拿大彩票怎么买| www.488290.com-八喜彩票骗局| www.558711.com-天津体育彩票有几种| www.632051.com-66彩票下载安装| www.693996.com-命中中彩专家专栏| www.783542.com-什么是会员彩票| www.860901.com-体彩任选3技巧| www.931069.com-百度彩票登陆| www.977417.com-河南彩礼什么时候给| www.cai80.cc-吉林省快三开奖| www.389598.com-彩票19032-| www.875783.com-彩票语录-| www.994440.com-网上非法经营彩票罪| www.nu31.com-福彩快三算赌博吗| www.11iq.com-1号店彩票网页版| www.1262.pw-时时彩和11选5| www.60348.cc-3分快三技巧| www.837396.com-巨彩平台-| www.499867.com-天天中彩票的优惠卷| www.326234.com-cb8彩宝官网| www.23450.cc-幸运5分彩官网| www.4501.cm-怎么开彩票投注站| www.344978.com-澳彩娱乐-| www.418402.com-福彩客服热线| www.520148.com-彩票中跨度是什么| www.588005.com-购彩xr礼金兑换码| www.665265.com-彩票报-| www.723956.com-福彩快三在线| www.789513.com-彩色脐橙纸箱| www.850776.com-彩票两个平台对刷| www.918205.com-2345彩票下载| www.979384.com-体育彩票排列5查询| www.cai9433.com一分快三-| www.567858.cc-快三手机客户端| www.678367.com-3d牛彩涂迷总汇图| www.795659.com-广发彩票平台| www.036645.com-彩票3dapp-| www.98978.cc-时时彩玩法介绍图片| www.777543.com-电竞博彩app提现|