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天

知道了
彩01彩票 www.836888.cc-竞彩比分奖金上限| www.123893.com-彩票816是真的吗| 500彩票www.50064w.com| www.581529.com-808福彩-| www.0598.bid-易彩堂彩票邀请码| www.194674.com-快三胆码公式| www.757654.com-淘彩app网站下载| www.887363.com-福利彩票快三计划网| www.971666.cc-大牌彩票官网| www.cp3368.com-彩民快3中奖新闻| www.657867.com-云南体彩app| www.776796.com-四川丹彩快三| www.943011.com-众彩易购幕后| 众发彩票www.757zf.com| www.636832.com-分分彩手机做号软件| www.695396.com-足彩m串n-| www.280078.com-时时彩预测下期| www.94798.com-总有人邀请玩彩票的| www.2105.cn-彩虹4号无人机| www.554448.com-描写刮彩票句子| www.917200.com-彩铅画人物图片简单| www.133961.com-36选7好彩一预测| www.hu60.com-快三012路速查表| www.6268.org-九彩本源至尊圣尊| www.563654.com-湖北乐彩快三推荐| www.062241.com-燕赵福彩网官网公告| www.215920.com-七星彩几个号算中奖| www.57167.cc-快乐彩票骰子大小| www.033480.com-福建快三现场开奖| www.617900.com-亿购彩app-| www.717880.com-彩客网苹果手机版| www.811326.com-公益彩票5分钟开| www.895296.com-华彩赢家彩票靠谱吗| www.971439.com-众购彩票网导航| www.cp475.com-彩票快三怎么玩稳赚| www.262122.com-福彩快三注册| www.401072.com-彩票购买支付宝账号| www.700067.com-彩神lx1011| www.074633.com-彩富网tk236| www.4137.com-体彩数字遗漏| www.719411.com-福彩排列5开奖规则| www.017788.com-福彩3d幸运码安卓| www.448737.com-长沙市福彩网| www.602170.com-美即彩宝官网| www.e53.cc-乐和彩票app| www.686808.com-中彩那天生字| www.789375.com-广东竞彩app| www.910269.com-哪个彩票中奖率高| www.990810.com-京彩挂机平台| www.4383.vip-2008年福彩和值| www.3396.mobi-k9彩票app-| www.959952.com-彩票软件app骗局| www.qf1.cc-大乐购彩票是什么| www.va60.com-体彩481中奖规则| www.24ex.com-北京实时采彩走势图| www.23id.com-网购代玩彩票| www.661335.com-研究七星彩口诀| www.748456.com-红彩会彩票怎么样| www.835146.com-好彩香烟论坛| www.911882.com-天天彩票集团| www.977365.cc-福彩3d定位胆技巧| www.cp15.com-彩客网电脑版| www.i96.in-彩票龙胤精准缩水| www.47vf.com-彩票投注西西| www.15725.cc-画彩铅工具-| www.ya56.com-福利彩票今年几号买| www.79up.com-免费抢红包彩票| www.50jl.com-14场足彩胜平负| www.845017.com-福彩历史大奖组时期| www.759936.com-最老版时时彩宝典| www.916607.com-黑客攻击黑彩网事件| www.ab74.com-体彩群英会-| www.6984.vip-07彩票-| www.025834.com-彩票套利方法大全| www.82625.com-足彩19024分析| www.5cz.cc-今日凤彩网3d字谜| www.064902.com-重庆彩票娱乐平台| www.241522.com-新彩app下载| www.357553.com-捡到钱的彩票码| www.303183.com-好彩票下载安装| www.398234.com-彩虹旗娱乐论坛| www.126209.com-创彩网是什么| www.218920.com-体彩大乐透开奖直播| www.732069.com-重庆结婚彩礼多少钱| www.869955.com-今天开奖彩票种类| www.95wg.com-福彩3d技术小条件| www.190080.com-浙江快乐彩开奖| www.279515.com-我乐时时彩计划| www.355257.com-常州体彩兑奖地址| www.5407.vip-今日开七星彩结果| www.46166.cc-时时彩稳定计划网页| www.91132.com-7丩3好彩-| www.788562.com-中国竞彩手机版| www.880689.com-有哪些私彩平台| www.966077.cc-福彩3d大小玩法| www.kv66.cc-福利彩票快3app| www.973640.com-福彩双色球周四蓝球| www.5271.biz-彩票游戏源码| www.94uj.com-大佬彩票网址多少| www.553455.com-竞彩二串一跟单群| www.35223.cc-我的彩票双色球| www.95210.com-彩票中奖票面| www.is01.com-彩票软件下载中彩网| www.88215.cc-彩民堂新版本| www.203752.com-福彩3d高人-| www.266200.com-三分快三骗人| www.331326.com-彩票公式规律走势| www.390064.com-买彩票中10万| www.737275.com-今日七彩奖开奖结果| www.807152.com-双色球彩票折叠| www.875936.com-彩票开奖预测分析| www.937922.com-87云彩店app| www.990635.com-多乐彩11选5玩法| www.no9.com-江苏快三开奖软件| 澳客网www.okw8.com| www.51.link-体育彩票大乐透排5| www.75vc.com-5d彩超看男女准吗| www.069.com-博彩源码哪里有| www.43283.com-豪门汇彩票平台咋样| www.001116.com-新浪爱彩竞彩篮球| www.615028.com-麒麟彩票网骗局| www.705190.com-发彩下载手机版| www.788669.com-女方收彩礼不陪嫁| www.331067.com-棋牌彩票代理| www.974626.com-南京众彩水果价格表| www.jf5.cc-江苏福彩快3遗漏号| www.6123.top-彩票源码要多少钱| www.79515.com-福彩3d遗漏统计| www.030545.com-民彩网下载-| www.109826.com-腾讯分分彩一期计划| www.181103.com-福彩上海快三形态图| www.695003.com-竞彩篮球比分直播唯| www.771294.com-好彩堂主页-| www.886730.com-福彩公益行三十万| www.669874.com-什么彩票4位数| www.7435.cm-安全登录顶级彩票| www.616579.com-体育彩票抽取汽车| www.832016.com-足球彩票的软件| www.980355.com-网上买彩票哪个好| www.sn13.com-买私彩怎么判刑| www.52ub.com-49gcc特彩-| www.500.la-怎么在黑彩网站赢钱| www.611303.com-彩票有正平台吗| www.969809.com-彩票线路导航中心| www.cp9660.com-今日中彩下载| www.1pt.com-福彩门户手机网址| www.592270.com-大喜彩票-| www.681651.com-专业玩高频彩| www.794107.com-彩票平台怎么举报| www.188566.com-爱彩乐手机版| www.267663.com-彩票易中奖-| www.342220.com-微信大发快三群最近| www.408400.com-过年彩票停售几天| www.988877.com-8828彩票下载| www.gs28.com-快三倍投方案大全| www.957714.com-福彩和体彩合并| 乐彩网www.745899.com| www.jf66.com-內蒙古快三走势图| www.885073.com-合肥福彩中心电话| www.76sm.com-摆渡龙江体彩网| www.4006.win-救世主博彩论坛| www.fn74.com-足球竞彩500| www.922891.com-体育彩票店怎么样| 大玩家彩票www.84499w.com|