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.883464.com-彩网在线视频| www.284050.com-买彩票网名昵称大全| www.889369.com-七乐彩今天出什么| www.191266.com-快三吉林和值走势图| www.307.club-彩票站中奖店主不认| www.894515.com-休彩彩票开奖结果| 大赢家彩票平台www.287916.com| www.45902.com-体育彩票f1-| www.688590.com-北京体彩电话投注| www.768518.com-黑彩买奖延迟漏洞| www.891269.com-福利彩票励志语录| www.jw01.com-彩铅画鹿-| www.11ak.com-双色球杀号彩经| www.272758.com-江苏快三走势图牛| www.381576.com-私彩量刑-| www.0512.net-什么博彩平台信誉好| www.y33.in-世界杯足彩预测网站| www.882326.com-078彩票代打| www.976424.com-海口彩礼-| www.pg88.com-辽宁快三走势图| www.74dp.com-两个合法网购彩票| www.990574.com-新②彩票网-| www.312124.com-乐透乐博彩三地字谜| www.011901.com-星期日开什么彩票| www.776444.com-福彩3d追号-| www.870105.com-澳门威尼手机彩票| www.989769.com-彩漂能洗鞋吗| www.ty3.com-北京5分彩开奖号码| www.870257.com-怎样购买福利彩票| www.953082.com-吉林快三辅助| 幸运彩票www.045445.com| www.ip66.cc-互娱彩票注册码| www.pa41.com-买快三有赚钱的吗| www.827.cm-中国彩吧首页天齐网| www.8851.net-陕西彩票安康| www.859203.com-体彩排三开奖号查询| www.1468.cm-c02彩票app-| www.360.hk-皇冠彩是什么鬼| www.137457.com-菜鸟彩票官网| www.8810.in-金福彩票网app| www.21161.com-必赢彩注册-| www.313481.com-招彩票代玩的群| www.422109.com-刚力彩芽人气怎么样| www.524605.com-彩乐乐网下载| www.595339.com-双彩沦谈3d字谜| www.666821.com-福乐彩是正常平台吗| www.738495.com-逆袭彩票计划手机版| www.820622.com-七星彩直播现场直播| www.962452.com-下载中国福利彩票网| www.zp2.com-福建彩民论坛| www.648775.com-怎么讲解彩宝碧玺| www.678710.com-世界杯买足彩在哪里| www.772404.com-阳光彩民乐图| www.860674.com-武汉竟猜快三查询| www.957818.cc-今日七星彩九组头尾| www.ta9.com-江西福利彩票中心| www.767386.com-福彩三b开机号| www.861820.com-快三如何推算合值| www.920500.com-幸运快三多少期啊| www.974220.com-搜索快乐彩浙江| www.eg1.cc-中福网彩票可信吗| www.962244.com-福彩3d精准跨度| www.6fx.com-分分彩购买软件| www.3280.org-买彩票欠的款合法吗| www.024864.com-幸运快三是官方彩吗| www.619053.com-19043期足彩| www.726736.com-玩彩乐下载-| www.827666.com-一分彩正规吗| www.936273.com-福彩网怎么注册| 乐彩www.le96.com| www.1060.me-彩名堂计划是假的吧| www.109955.com-地下六仺彩app| www.im39.com-手机快三能玩吗| www.u69.top-彩导航威尼斯| www.67nl.com-体彩中一亿大奖得主| www.185536.com-河北快三的走势图| www.967634.com-手机选彩票软件下载| 乐彩网www.160913.com| www.96477.cc-什么彩票比较正规的| www.76199.cc-足彩倍投十连黑概率| www.005936.com-河内五彩计划3胆| www.089456.com-所以快三都有的平台| www.96204.cc-福利彩票投注简介| www.360078.com-苹果彩票手机客户端| www.467646.com-重庆彩票站申请电话| www.7098.biz-怎样时时彩赚钱| www.54574.com-彩吧助手app下载| www.011589.com-稳定的信誉彩票平台| www.060001.com-福彩3d直选复玩法| www.893268.com-手机彩票过滤大师| www.75dg.com-怎么可以中彩票3d| www.22qo.com-购彩之家993| www.874487.com-老杨说彩-| www.948116.com-福利彩票的意义| 8号彩票www.81520w.com| www.z40.com-赢彩彩票骗人吗| www.185779.com-快三能赚钱吗| www.567318.com-安徽22期快三开奖| www.7019.biz-nba体彩规则| www.985284.com-中国足球竞彩计算网| www.vp85.com-福彩三地红五图库| www.84962.com-国家福彩江苏快三| www.90441.com-天吉彩票论坛手机| www.050074.com-黑彩奖金到底有多高| www.071225.com-招聘竞彩分析高手| www.200100.cc-智慧彩挂机软件| www.442050.com-旺彩双色球怎么购彩| www.009964.com-天天福彩快3骰子| 幸运彩票www.982799.com| www.368713.com-彩铅入门画人物教程| www.875799.com-激励人买彩票的语录| www.949659.com-旋乐彩票-| 彩69www.140018.com| www.kc59.com-彩票苹果版-| 大赢家彩票网www.83033f.com| www.393662.com-昨天福利彩票| 500彩票www.3126g.com| www.606756.com-彩票经典段子| www.752953.com-买彩票输了8万| www.523237.com-专门破解博彩app| www.723618.com-自动投注黑彩票软件| www.931772.com-01彩票破解方法| 幸运彩票www.5095s.com| www.71706.com-大众彩票源码| www.87vc.com-博久博彩论坛| www.38204.com-555彩票注-| www.833456.com-8亿彩苹果-| www.936102.com-派彩电子官方网站| www.993582.com-火箭彩票网平台| www.an22.com-彩71下载-| 大赢家彩票网www.178753.com| www.728268.com-双赢彩票官网| www.532.cn-重庆市彩单选走势图| www.613830.com-强强双色球彩票软件| www.036009.com-双色球彩票-| www.181031.com-中国彩票手机客户端| www.669361.com-发达彩票是什么| www.41139.com-体彩大乐透分析软件| www.594342.com-网易红彩竞彩专家| www.65858.com-三分彩出号规律| www.da20.com-彩票店的前景| www.416738.com-彩虹儿童画怎么画| www.568242.com-彩69能提现吗| www.692826.com-体彩天齐网字图谜| www.848325.com-时时彩走势图一星| www.769392.com-好彩香烟新加坡版本| www.872005.com-彩票行家开奖记录| www.455058.com-皇冠彩票―彩种| www.549450.com-彩票平台刷流水单| www.632903.com-立彩助手闪退| www.717888.cc-彩票投注技巧视频| www.791716.com-55125彩吧图库| www.869687.com-幸运彩票骗局| www.932288.com-888彩票骗局| 彩乐乐www.cll168.com| www.fm94.com-竞彩足球怎么买| www.e48.com-nao123彩票-| www.725797.com-大师彩铅画作品欣赏| www.810243.com-中福快三一分钟开奖| www.881714.com-彩票老师带队包赔| www.973267.com-彩虹岛主线任务大全| www.rm2.com-3分快三彩票官网| www.j55.cc-七乐彩杀号定胆精准| www.18qz.com-杨光华足彩-|