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.012879.com-香港行政快三助手| www.180864.com-下载中彩彩票| www.342464.com-好彩频道往期直播| www.981991.com-安徽福彩快3开奖果| www.0775.live-高频彩票平台| www.hq18.com-足球彩票分析| www.947556.com-彩票的概率怎么算| www.988.bid-彩票游戏机算法| www.657919.com-599彩票下载安装| www.599510.com-彩票怎么才中奖| www.09bm.com-最早最快福彩三d| www.332789.com-爱乐透彩票哪里充值| www.605951.com-江苏体彩一选五| www.5081.pw-如何用手机买福彩| www.783301.com-三d全彩邪恶漫画| www.88404.cc-英国彩票巨奖| www.ft11.com-什么是快三中遗漏| www.8kt.com-奥利奥彩票-| www.863910.com-p代玩彩票-| www.950771.com-极速彩票下载| www.cp3131.com-单机游戏快三| www.925217.com-财神彩票下载安装| www.986967.com-内蒙快三均值走势图| www.cs61.com-乐彩-| www.xj11.cc-鑫彩快3网是真的吗| www.e27.pw-国彩是骗局揭秘| www.87130.com-彩经网3d杀号最准| www.092581.com-时彩最牛技巧后一| www.166029.com-被关掉的彩票黑平台| www.938522.com-众益彩app-| www.870224.com-正规的快三app| www.899238.com-湖北快三3-| www.568047.com-网上买体彩大乐透| www.71696.com-福彩3d彩涂今日| www.67pl.com-精彩网彩票下载安装| www.36ir.com-体彩七星彩试机号| www.026217.com-足彩推荐分析| www.34048.com-中国彩吧图库第二版| www.116072.com-足球彩票网上哪里买| www.244515.com-呼市福彩-| www.6474.cc-苏宁彩票怎么加盟| www.9234.cn-聚乐彩平台提不出| www.259735.com-大乐透彩票选号器| www.009868.com-福利彩票图片| www.501785.com-易彩乐赚钱是真的吗| www.m90.net-彩票必中号码| www.161027.com-广东彩票客户端| www.04fd.com-七乐彩查询结果| www.389726.com-买足球彩票容易吗| www.345683.com-彩漫福利百度贴吧| www.510596.com-彩虹首歌怎么理解| www.678307.com-坛乐彩论坛手机版| 博友彩www.575872.com| www.se63.com-高频彩是不是赌博| www.43lb.com-御都彩票安卓版下载| www.dk22.com-体彩6十1玩法介绍| www.w79.cn-神彩网论坛永不卖料| www.im68.com-310足彩走势图| www.r13.org-体育彩票几个数字| www.49xe.com-买重庆时彩高手玩法| www.438618.com-七星彩开奖结果视频| www.602035.com-辽宁福彩35选7| www.718391.com-周杰伦彩虹试听| www.805016.com-中国竞彩官方旗舰店| www.900032.cc-手机天天彩票软件| 至尊彩票www.610659.com| www.zn35.com-足彩胜负彩投注| www.667125.com-福彩3d擂台大赛| www.42331.com-电信手机余额买彩票| www.946630.com-福彩6十1中奖条件| 鑫亿彩www.196095.com| www.708672.com-河北彩票吧百度贴吧| www.807703.com-女孩梦到彩票号码| www.897979.com-体彩宣传图片| www.973498.com-足球彩票腰折怎么算| www.pe7.cc-彩6下载-| www.we00.com-兰州体育彩票中心| www.639814.com-幸运三彩票-| www.31679.cc-近年开福彩店赚钱吗| www.80803.cc-下载旺彩大乐透| www.036794.com-彩500手机版本| www.116320.com-上海快三走势一定牛| www.190596.com-快三走势图内蒙快| www.267537.com-内蒙快三分析软件| www.20ew.com-胜负彩19019| www.50349.com-旧版彩视333| www.014967.com-七星彩顺口溜| www.088753.com-c彩61彩票-| www.210703.com-有一分快三的彩票| www.297985.com-上海快三历史开奖号| www.40947.com-彩拾彩票下载app| www.09hk.com-彩票最晚封盘的平台| www.855262.com-梦想成真的彩票故事| www.958663.com-广州中彩票-| 亚洲彩www.68568k.com| www.161793.com-美国快三下载| www.602027.com-彩票走势图中彩图表| www.683673.com-彩61-| www.757567.com-信博彩票是假的吗| www.835233.com-绿好彩爆珠-| www.889568.com-凤凰彩世界-| www.954851.com-七彩祥云-| 豪彩VIPwww.885pz.com| www.eb8.cc-内蒙快三规律破解| www.mg47.com-中原在线彩票| www.421042.com-东莞福彩客服电话| www.018915.com-福彩双色球安卓下载| www.389091.com-彩82彩票平台| www.xm37.com-网上打甘肃快三| www.587869.com-彩票开奖彩票| www.737929.com-彩神好喷绘机| www.843434.com-福彩慈善工作体会| www.915250.com-手机挂机软件彩票| www.984254.com-时时彩杀大赔小| www.8lh.cc-黑彩赔了怎么办| www.41869.com-中国购彩网登录地址| www.059775.com-彩票公益-| www.27zp.com-全彩漫画同人| www.11660.cc-彩乐网最新软件| www.z02.org-快三走试图湖北快3| www.0776.cn-竞彩足球实时比分| www.001547.com-快三两号不输| www.207578.com-彩票次数统计工具| www.796214.com-趣彩网骗局揭秘| www.804122.com-福彩3d开奖试机号| www.868319.com-亿彩彩票是真的假的| www.932342.com-七星彩票软件下载| www.984335.com-山西福彩公众号| www.cp094.com-喜乐彩历史开奖号| www.382526.com-支付宝彩票怎么买| www.gz73.com-百盈共享彩票规律| www.373715.com-排列彩三-| www.995562.com-足彩盈亏指数分析| www.862016.com-开体彩店装修谁来装| 福彩www.86267v.com| www.45lg.com-苏式彩绘图片大全| www.97658.com-体育彩票手机官网| www.0394.name-彩票助赢软件有用吗| www.6690.biz-广州好彩酒家宴会| www.29782.com-彩之王app下载| www.zh58.com-手机玩彩票能挣钱吗| www.730160.com-彩尊彩票-| www.853798.com-分分彩倍投计划表| www.915216.com-小米彩票官网首页| www.967334.com-福彩双色球开将| 500彩票网www.503501.com| www.h32.club-上海爱乐彩快三| www.21ot.com-qq哪里可以买彩票| www.220793.com-大奖彩票下载| www.285821.com-彩票大乐透开奖号码| www.338775.com-彩尊国际登陆地址| www.523092.com-竞彩停售-| www.996485.com-手机版彩票软件计划| www.hm68.com-时时彩包胆看号技巧| www.694626.com-808福彩怎么样| www.00089.cc-下载章鱼竞彩| www.574300.com-体育彩票计算| www.701094.com-彩票通软件-| www.811914.com-新昌双彩乡乡长| www.961392.com-我中彩票了-| 500彩票www.66653c.com| www.695985.com-福彩体彩走势大全| www.802892.com-长沙最近彩票中奖| www.878742.com-怎么玩大乐透彩票|