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.91dm.cc-q彩网彩票投注平台| www.018844.com-彩票排名靠前的软件| www.431883.com-福彩晚上几点开奖| www.6022.biz-打彩票欠钱-| 8号彩票www.81520t.com| www.622978.cc-福利彩票开奖70| www.238191.com-浙江快三综合走势图| www.49zu.com-彩票三d乐彩论坛| www.991034.com-彩神iii是什么| www.44474.cc-上海快三走势图一定| www.nj05.com-客彩网比分直播| www.3600.win-立彩彩票几年了| www.6408.vip-盈盛彩票网站| www.998018.com-摩羯足彩预测| www.180122.com-上海体彩-| www.396018.com-歌曲彩虹原唱是谁| www.822555.com-台湾彩虹论坛首页| www.ih6.com-浙江福彩快乐彩开奖| www.179646.com-贵州快三中奖规则| www.894201.com-彩票49倍下载| www.278442.com-红牛彩票网站真假| www.099812.com-今曰体彩开奖号| www.685928.com-竟彩比分直播吧| www.815403.com-体彩手机在线即开彩| www.921207.com-体彩排列5跨度| 99彩票www.065766.com| www.474547.com-南方彩票是什么| www.889909.com-彩票店广告语| www.5uo.cc-中国福彩双色球图片| www.123237.com-欢乐彩安全吗| www.895398.com-华彩彩票合法吗| www.f71.net-福彩3d太阳红谜语| www.5892.me-七乐彩今晚开奖号码| www.79887.com-中国彩票网投注网| www.053460.com-收费足彩推荐违法吗| www.009591.com-怎么查彩票中奖号码| www.155642.com-制作网络彩票平台| www.44545.com-工地彩钢围挡多少钱| www.369488.com-彩之云官网-| www.515537.com-彩票纠分案-| www.564719.com-金亚洲彩票平台注册| www.182896.com-98vip彩票-| www.608076.com-彩友汇-| www.7wq.com-中彩票没领-| www.367808.com-彩谜天地-| www.715357.com-在微信卖彩票合法吗| www.833535.com-福彩平台算违法么| www.954038.com-江苏快三筛子彩票| 恒彩www.hcw018.com| www.52452.cc-时时彩害人不浅| www.975448.com-七星彩中奖口诀| www.0149.pw-彩色的怎么造句| www.vr79.com-安徽快三二维码| www.992604.com-七星彩中奖号查询表| www.or95.com-大发快三导师| www.45ql.com-彩票双机店转让| www.4048.wang-97彩票网下载| www.551155.com-彩39下载app| www.569402.com-湖北快三两码遗漏表| www.040091.com-彩乐乐福彩预测| www.565086.com-牛蛙彩票导航网站| www.871623.com-超级彩票助手安卓版| www.ad38.com-安徽体彩中心地址| www.439348.com-体彩犯法吗-| www.176823.com-彩票群-| www.wk24.com-江苏快三预测号和值| www.922908.com-福彩3d中心开机号| www.27pd.com-猜生肖彩票-| www.941385.com-如何推广彩票| www.wz2.com-快乐彩开奖号| www.945767.com-福建体彩兑奖时间| www.al72.com-聚丰彩票客服端| www.p45.biz-大发快三是私彩吗| www.91qw.com-聚e彩票-| www.659145.com-快乐彩中奖说明| www.11cv.com-中国足彩馆在线视频| www.892177.com-大奖彩票官网| www.961396.com-七乐彩兑奖计算器| www.cai001.cc-上海快三走势图开奖| www.654327.com-够力彩梦册查码大全| www.873264.com-今天快三推荐号码| www.655511.com-福运彩票安卓版下载| www.766719.com-网友教我玩彩票| www.4899.biz-集美体育彩票店转让| www.029962.com-彩铅画图片大全风景| www.208549.com-彩票挂机软件平台| www.39as.com-嘉兴福彩销售中心| www.778130.com-福彩7乐彩中奖图片| www.145777.com-专上彩吧助手| www.230731.com-购彩软件-| www.321449.com-高频彩开奖直播软件| www.925025.com-财神8彩票网cs| www.cp8533.com-湖北快三一定牛推荐| www.520990.com-彩票漏洞刷钱| www.638196.com-竞彩网上怎么投注| www.760037.com-广东36选7好彩2| www.886726.com-体彩开奖直播视频| www.979615.com-计划彩票是什么意思| www.ks97.com-彩票分析师大赛| www.339776.com-一品彩票网上买彩票| www.496402.com-网上代买彩票软件| www.614355.com-国家时时彩开奖结果| www.r93.club-广西快三投注| www.48nw.com-泰国彩票查询双色球| www.774633.com-彩票双色球机选怎样| www.717556.com-彩铅画山茶花| www.660769.com-彩神好喷绘机速度快| www.933132.com-彩乐乐一彩票工具| www.p60.biz-香港有快三吗| www.493813.com-双色球彩票购买软件| www.57647.com-江苏体彩19054| www.126460.com-智慧彩自动投注| www.274528.com-快三到底能不能赢钱| www.427150.com-易彩平台客服| www.582038.com-天天乐彩票是真的吗| www.756458.com-彩票打码员是什么| www.825749.com-山西大清快三走势图| www.902323.com-手机qq怎么买彩票| www.966503.com-山西宝马彩票案始末| www.cai0755.com福彩3d走势图| www.pd31.com-快三邀请码怎么获取| www.y59.net-彩神ii联系电话| www.80328.com-河北体彩社会招聘| www.37829.cc-228彩票app-| www.484852.com-北控京彩是传销的吗| www.562157.com-万彩影像大师教程| www.629052.com-七乐彩预测推荐| www.691411.com-全球赛事购彩| www.762849.com-特彩吧高手网齐中彩| www.833266.com-南国南海网彩票论坛| www.898963.com-9亿彩票app-| www.960174.com-彩摘牛摘网-| 中彩网www.61233h.com| www.449888.com-爱赢彩店-| www.jr74.com-美人鱼彩票-| www.393125.com-彩铅画海上日出| www.549543.com-互联网彩票重启时间| www.947731.com-中国彩吧一更懂你| www.3xf.com-程阳彩票是干什么的| www.500965.com-众益彩票合法吗| www.443899.com-体彩3d中奖号码| www.840052.com-福利彩票改变什么| www.91pk.com-悟空彩票骗局揭秘| www.89932.cc-竞彩足比分直| www.144034.com-云南时时彩中奖规则| www.526891.com-福利彩中奖彩民| www.870195.com-双色球彩票下载| www.607037.com-七星彩18138期| www.xo12.com-七星彩号码-| www.060850.com-3d快三怎么买| www.578885.com-公益体彩图片| www.753012.com-有多少彩票网站正规| www.1544.cc-人人中彩票网网易| www.0516.in-今曰体彩排三试机号| www.622699.com-福彩三版-| www.914853.com-淘彩可靠吗-| www.c27.club-福利快三下载安装| www.sy63.cc-重庆时彩能赚钱吗| www.705224.com-东莞福利彩票中心| www.2511.pw-新天天彩票下载安装| www.037761.com-体彩开体彩开奖| www.055046.com-彩色射击换东西| www.647402.com-时彩彩怎么才嬴| www.279251.com-重庆彩票群是骗局吗|