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.dx12.com-体彩网七星彩| www.679019.com-糖果派对赠送彩金| www.763792.com-华宇装潢彩票能玩吗| www.875743.com-实时彩开奖号码| www.949581.com-大彩鲸快3下载| 中彩网www.91233y.com| www.42ej.com-排列五购彩app| www.5880.xyz-怀化市体彩中心电话| www.354044.com-彩票一亿-| www.9833.online中彩网贴吧-| www.768326.com-爱乐彩河北十一选五| www.971064.com-快三稳中-| www.hn17.com-好彩36开奖结果| www.38833.com-六六红彩app| www.007798.com-时的彩挂机软件| www.607693.com-彩铅画荷花池| www.709343.com-琼海彩票-| www.806459.com-彩票之家八马种特| www.37674.com-体育彩票管理条例| www.476360.com-天天时时彩手机版3| www.930120.com-中彩票税额-| www.999316.com-快三组合投注概率| www.hq46.com-上海快三3同号推荐| www.zh45.com-分分彩五码一期计划| www.37dl.com-85彩票网靠谱吗| www.809064.com-老彩民平台-| www.888798.cc-778彩票-| www.977950.com-彩钢瓦墙板安装方法| www.cp5530.cc-微信如何买彩票| www.428382.com-国外竞彩网站| www.553833.com-竞彩比赛取消| www.765548.com-888彩票123-| www.873652.com-西安福彩机子转让| www.cai957.com-快三骗局-| www.083878.com-梦想网彩票触屏版| www.199017.com-买体育彩票怎么买| www.525320.com-新彊时时彩开奖视频| www.369809.com-体彩封机时间| www.499621.com-彩票设计方案| www.586764.com-手机验证送彩金38| www.32ko.com-七乐彩立即购买| www.718.biz-竞彩推荐表格制作| www.019044.com-江苏福利彩票中| www.655759.com-m8彩票app-| www.743198.com-糖果派对彩金怎么算| www.840037.com-河南福彩开奖结果查| www.916129.com-买私彩报警有用吗| www.992889.com-快三二同号有多少| www.tw8.com-爱彩乐专业版大发| www.rf56.com-快三高手大小单双| www.915559.com-手机怎么买福彩3d| www.989244.com-福彩快三过年休几天| www.br21.com-幸运快三能赢钱么| www.818323.com-6188彩票网站| www.075005.com-雅彩彩票app| www.06991.com-福彩快三和值跨度图| www.985898.com-快三号码的形成| www.101554.com-最有信誉的彩票网站| www.288377.com-竞彩足球历史大奖| www.95dj.com-中国彩吧彩吧助手| www.222596.com-二分快三全天计划| www.721234.cc-新宝彩票手机版| www.42ad.com-唯彩足彩进球预测| www.68747.com-乐彩网官方网站| www.638182.com-足彩竞彩吧-| www.25274.com-大星彩票走试图| www.72020.cc-发财猫七星彩手机版| www.23kk.com-体彩hao123-| www.489552.com-657彩票网登录| www.796069.com-亿乐彩官方登录网| www.513907.com-竞彩总进球数技巧| www.76qv.com-七乐彩有多少个号码| www.623325.com-中国福彩天齐网| www.699093.com-福彩主任唐启伟简介| www.778094.com-恒耀购彩官网| www.03682.com-应不应该买彩票| www.773844.com-彩票三十选七多次数| www.845690.com-江苏快三好打吗| www.980354.com-体彩竞猜规则| www.xk3.com-大发快三彩票注册| www.025392.com-多彩网是真的吗| www.39117.cc-中彩官网赌博| www.862021.com-今天体彩几点开奖| www.947651.com-怎么推销彩票| www.396839.com-陇彩宝海报-| www.7186.pw-彩宝哪个品牌好| www.31471.com-哪里购买足彩大小球| www.362040.com-王牌彩票手机版下载| www.448454.com-彩麒麟理财骗局揭秘| www.4516.wang-竞彩14场任九投注| www.766592.com-鸿彩快三彩票技巧| www.872305.com-福彩销售员的发言稿| www.965791.com-福彩中心3d试机号| www.rb3.com-福利彩票25-| www.72078.com-深圳体育彩票不出票| www.020601.com-江苏福彩抉3一定牛| www.082666.com-福建体彩31新规则| www.131983.com-甘肃彩礼2018| www.198082.com-乐彩手机论坛| www.259054.cc-足彩返还率使用心得| www.366367.com-国产彩电什么牌子好| www.567054.com-暗黑破坏神3彩虹谷| www.030646.com-贵州快三最大遗漏值| www.102030.cc-彩票赢钱技巧| www.170172.com-湖南快三开奖号码| www.073135.com-好彩烟价格表| www.65gq.com-江苏福彩公众号| www.869234.com-七星彩一千期走势图| www.957559.com-七星彩大胆杀号| 乐彩网www.lcw997.com| www.543528.com-北京中国体彩报| www.404988.com-55彩票能不能提现| www.605047.com-今天中奖彩票图片| www.9129.wang-七乐彩开奖记录| www.55826.cc-七星彩往期开奖结果| www.375625.com-彩票群英会改时间| www.36do.com-乐彩客旧版本| www.0698.cm-易彩堂登录会员| www.2288.love-双彩排列三三句话| www.053755.com-足彩竞彩投注平台| www.104737.com-牛牛彩票-| www.242087.com-彩票计算机-| www.548409.com-彩票刷码是什么意思| www.11086.com-2019足彩软件| www.472888.com-福彩太湖钓叟三字诀| www.595569.com-彩票店领小奖| www.jv06.com-七星彩奖金计算器| www.0314.vip-2019彩票发展| www.341335.com-微信快三稳定群| www.126903.com-怎么下载菠萝彩软件| www.58183.cc-大奖分分彩计划| www.0371.vip-彩93是正规的吗| www.vm75.com-快三专家-| www.27cx.com-福州彩票转让| www.046.cm-玖富彩票平台靠谱吗| www.2898.org-最新彩票报纸大全| www.34531.com-福彩三d出奖| www.735038.com-彩色沥青多少钱一吨| www.037178.com-瑞祥彩云-| www.312018.com-甘肃福利彩票春节| www.65ud.com-365家彩网-| www.365524.cc-水溶彩铅使用方法| www.985388.com-今晚关小刀足彩推荐| www.ar47.com-湖北福彩网30选5| www.781123.com-打彩票能赢钱吗| www.354481.com-天天中彩票网| www.432414.com-凤凰微彩贴吧| www.cp0638.com-红牛彩票开挂软件| www.459300.com-福彩3蓝精灵a| www.n77.pw-竞彩扣税-| www.56112.com-七星彩能不能中奖| www.499404.com-福彩29选7一等奖| www.233460.com-筱杉众彩网专家汇总| www.318496.com-福彩燕赵风采排列7| www.128848.com-彩虹旗泡弟弟| www.222406.com-208彩票-| www.93fd.com-福彩河北快三下载| www.454433.com-福彩3d打击黑彩| www.452766.com-c78彩是真是假| www.86792.cc-竞彩猫官网顶级| www.027828.com-百度彩票走势图| www.036597.com-大奖彩票官网| www.982459.com-新天天彩是正规的吗| www.qn.com-怎么买快三赚钱|