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天

知道了
9彩注册 www.hv19.com-快三投注网-| www.787677.com-排三绝杀六码彩经网| www.907538.com-重庆时时彩能赚钱吗| VIP彩票www.193987.com| www.19oq.com-天天竞猜足球彩票| www.1142.in-熊猫竞彩下载| www.9658.biz-重庆时彩牛牛走势| www.55044.com-竞彩精灵-| www.001421.com-8亿彩是真的吗| www.974423.com-浙福彩12选5| www.qp7.com-一分钟开奖的彩票| www.042420.com-多彩贵州网领导分工| www.129970.com-31走势图福建体彩| www.887352.com-福彩快三计划网| 奔驰彩票www.750966.com| www.vr88.com-彩迷葫芦弟关注| www.37rb.com-七乐彩天齐网杀号| www.4976.tv-彩票合买贴吧| www.44136.com-团队彩票计划真假| www.017975.com-彩71官方下载| www.091265.com-微微彩票app| www.88297.com-彩民彩票是真的吗| www.097315.com-福彩3的胆码| www.221664.com-跑马彩票3分钟骗局| www.825103.com-中国体彩手游彩| www.923650.com-彩票实体店-| www.996728.com-博友彩注册-| www.ew19.com-时时彩ios下载| www.yb42.com-福彩18选7走势图| www.34rg.com-好运来彩票网手机版| www.622.date-幸运中福彩下载| www.4270.biz-福建快三全天计划| www.9347.vip-球彩vicki-| www.36933.com-官彩是真的吗| www.85522.cc-体彩868出现前后| www.539748.com-彩经网走势图带震幅| www.619125.com-山东省自助彩票| www.728377.com-鸿彩网娱乐是诈骗么| www.798725.com-盛彩票平台线路导航| www.871341.com-福利彩票扫码查中奖| www.943605.com-百福彩软件-| 金彩www.987jc.com| www.fv57.com-体彩5d下注多少钱| www.ww76.com-南方双彩3.0版| www.43cw.com-网易中华彩不下分| www.0728.tv-恒大彩票能提现吗| www.7506.vip-体彩机多少钱一台| www.29223.cc-手机购彩怎么样| www.76740.com-体育竞彩入门知识| www.035533.com-彩票平台试玩| www.125755.com-体彩排3开奖号| www.208271.com-甘肃快三豹子预测| www.279795.com-三分时时彩计划| www.365745.cc-足球竟彩网比分直播| www.447887.com-老谢说彩文章| www.539500.com-体彩怎么过户| www.612679.com-正版资料一彩牛网| www.688323.com-东莞体彩官网| www.796880.com-竞彩推荐新浪| www.fu.cc-快三江苏基本走势图| www.vf07.com-彩吧全图迷-| www.15bn.com-彩票行业前景好| www.0139.cm-彩色的梦图画| www.8312.xyz-彩票淘宝走势图| www.95672.com-福彩和体彩的刮刮卡| www.081044.cc-体彩排列3追加期| www.139349.com-玩时时彩死了多少人| www.54714.com-彩金论坛-| www.42921.com-京彩挂机骗局| www.08565.com-139彩官网-| www.868460.com-分分快三软件是什么| www.n78.net-体彩最新开奖| www.cai1222.com福彩快3开奖号码| www.vm66.com-彩票如何看走势图| www.30ta.com-星期六啥彩票开奖| www.6669.net-神彩物流被骗视频| www.35632.com-快三早上几点开始| www.91699.com-139彩票网官网| www.067019.com-福彩3d金马图| www.150839.com-福彩复式怎么买列表| www.395009.com-天空彩开天奖号码| www.17202.com-博通福彩3d推荐| www.508148.com-彩票套票如何打印| www.6ft.com-彩票的原理的规律| www.507967.com-福利彩票3d百万网| www.sj73.com-最新彩票开奖| www.95mq.com-星际彩票平台多久了| www.q99.me-彩票报纸电子版| www.652.website可以玩圣地彩的台子| www.927089.com-哪种彩票最好| www.9315.online双福彩票网手机版| www.182219.com-快三单式中奖规则| www.620087.com-彩礼新规定2019| www.817297.com-ig传统彩合法吗| www.me7.com-福彩七乐彩-| www.688490.com-彩票七天乐是骗局吗| www.939517.com-今日头条彩票高手| www.4478.vip-下载11选5彩票| www.869217.com-彩票密码解密中奖号| www.691603.com-烟台福利彩票| www.g15.org-下载彩计划软件| www.92260.com-手机彩娃彩票下载| www.871410.com-江苏快三买彩票软件| www.589.mobi-香港福利彩票第九期| www.669605.com-体彩排三大彩网| www.cp062.com-江西多乐彩老走势图| www.559198.com-福彩3d3d结果| www.946442.com-送好和彩礼一样吗| www.wd8.cc-彩宝网3d-| www.2958.site-开体彩店好累| www.761608.com-体育彩票61玩法| www.280746.com-怎么做私彩代理| www.07sm.com-彩铅如何画皮肤| www.73718.com-世界杯体彩在哪里| www.666385.com-乐彩国际登录| www.63kg.com-彩金手镯能卖吗| www.0709.cn-ag数据彩票名站| www.xb44.com-七星彩规律图局王| www.781037.com-竞彩8串8容错几场| www.882495.com-重庆5分彩怎么玩法| www.do1.com-快三中两个号有奖吗| www.g93.org-彩500是真的假的| www.936309.com-网易国际彩票| www.61109.com-非法平台玩彩票| www.946836.com-彩板围挡价格| www.262715.com-福利彩票吉林快三| www.999893.com-海南彩票梦兆| www.cp268.com-广西快三基本走势图| www.69491.com-精彩彩票网址| www.636087.com-彩虹六号版本区别| www.500948.com-1寸彩色证件照| www.972445.com-彩铅画图片简单风景| www.cp3611.com-彩票大家玩快三| www.277823.com-2m牛蛙彩票开奖直| www.898456.com-扫一扫彩票开奖查询| 全民乐彩票www.2934p.com| www.967745.com-360彩票开奖大全| www.505236.com-北京福彩网彩票| www.794019.com-市长买彩票-| 易彩堂www.55885n.com| www.011818.com-彩票星期一开什么奖| www.421725.com-夭下彩网高手网| www.022625.com-福利彩票手机怎么玩| www.394149.com-今天福彩什么好| www.780120.com-福彩三d今天关注号| www.73961.cc-彩票号码预测代码| www.88692.cc-足彩微信讨论组| www.503930.com-节目彩排的目的| www.652465.com-福彩中奖领取| www.893133.com-彩做号-| www.730802.com-彩票走势网页首页| www.199087.com-广西快三技巧公式| www.097203.com-福彩3d大花猫1| www.d52.pw-福彩快3注册邀请码| www.522891.com-重庆彩票王成周最近| www.712555.com-快三出好是人控制吗| www.95006.com-彩妆加盟开店| www.75386.cc-风云彩票a-| www.9298.in-彩票公式软件| www.495426.com-鑫利博彩怎么样| www.695837.com-易收米app竞彩| www.031038.com-90在线的九龙彩票| www.573110.com-山东体彩扑克牌走势| www.77775.com-大乐彩今天开奖结果|