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天

知道了
1分快三 www.149152.com-彩票888下载| www.900218.com-彩票大乐透推算| www.727952.com-山东福利彩票网下载| www.927666.com-山东体彩订票| www.xy92.cc-足彩中奖彩票| www.3361.org-六个彩开奖网址大全| www.226645.com-不收费游戏大全快三| www.66016.com-大发分分彩-| www.96515.cc-竞猜型彩票的规则| www.7348.shop-彩虹六号透视挂| www.46486.com-彩票彩客网310| www.029154.com-彩宝批发app| www.604366.com-迷彩兔电视剧电影| www.547853.com-七星彩买奖手机软件| www.5705.cn-天然三彩翡翠价格| www.123264.com-快三2同号技巧| www.256852.com-官方彩票软件有哪些| www.729785.com-彩票疑云(下)| www.816862.com-乐彩网邀请码谁有| www.905368.com-在哪能能买足彩| www.991530.com-买彩票输了10万| www.aq37.com-贵州省体彩中心地址| www.xl82.com-体彩十一选五app| www.19978.cc-彩票网络平台出售| www.803.me-九天玄女测彩票三| www.010158.com-官方分分彩开奖记录| www.009796.com-新华彩票下载安装| www.184510.com-湖北快三精准预测| www.479600.com-大乐透预测牛彩网| www.117367.com-足彩最新比分直播| www.153077.com-旺彩彩票3d-| www.16938.com-幸运快三走势图下载| 彩票大家乐www.21202c.com| www.ya58.com-彩票几点停售| www.400509.com-沈阳体彩中心地址| www.592019.com-私彩开奖提前知道| www.811322.com-广西快三多久开一次| www.914321.com-亿发彩票靠谱不| www.976134.com-彩礼嫁妆-| www.cp199.com-湖北精彩十分开奖结| www.674536.cc-彩票c12-| www.812782.com-上海福彩王-| www.929535.com-彩牛彩票是合法的| www.ji3.com-北京快三网址| www.w13.club-诺亚网彩平台| www.78ax.com-76彩票-| www.53qo.com-49c彩票集团| www.58jd.com-3d专家杀号彩乐乐| www.2171.win-时时彩广告语| www.172503.com-福彩快三是不是骗局| www.02658.com-江苏快三官方注册| www.654478.com-福彩每期销售额| www.cai399.com-福彩快3下载| www.676777.cc-临沂彩色折纸| www.768611.com-彩票指南报网址| www.845615.com-竞彩彩票是正规的吗| www.911370.com-时时彩官网| www.970255.com-时时彩几分钟开一次| www.sm.cc-河北快三最新遗漏| www.806074.com-中华彩票精准计划| www.930114.com-3d彩票玩法技巧| 彩多多www.78949q.com| www.m08.xyz-乐彩网注册-| TT彩票www.526021.com| www.03eq.com-福利彩6等奖| www.79wg.com-分分彩挂机会赔钱吗| www.531904.com-体彩九宫图-| www.671495.com-彩壹万彩票平台| www.781298.com-乐彩彩吧-| www.879139.com-福彩3g百度吧| www.950577.com-乐彩客app苹果| www.999862.com-燕赵风彩福彩| www.cv69.com-湖北省快三开奖号| www.a90.cc-新版彩计划-| www.394845.com-彩虹搭建主站| 乐发彩票www.cp3136.com| www.101565.com-红彩网破解-| www.533329.com-北京长乐快三| www.94479.com-福利彩票指哪些| www.089140.com-快三准确的杀号方法| www.328544.com-精英彩票网站| www.492868.com-178彩票购买平台| www.618491.com-19047期足彩| www.742722.com-酷彩官网下载安装| www.850980.com-彩票复式机选器| www.930500.com-彩票兑奖规则是| www.996603.cc-黑龙江体育彩票官网| www.ap69.com-精彩十分怎么算中奖| www.wy22.com-彩票分析大师app| www.46cz.com-港版绿好彩哪儿有卖| www.1118.space-彩票屠龙怎么屠| www.8589.org-开彩宝典下载| www.54845.com-恒彩彩票可靠吗| www.326889.com-175oo乐彩网l| www.527011.com-时时彩自动投注模式| www.3657.biz-好的足球购彩计划| www.17599.cc-手机广西体彩网| www.445778.com-福彩基诺下载| www.585449.com-彩寶網-| www.739485.com-体彩任选九-| www.850582.com-重庆时时彩是坑吗| www.952945.com-七彩奖号码-| www.355483.com-玩彩最理想的倍投法| www.500660.com-公司要求平分彩票0| www.569006.com-鸿易彩票-| www.637025.com-大星彩双色球走势图| www.732651.com-彩票三地子迷汇总| www.810832.com-体育彩票飞鱼| www.910538.com-机选彩票能中大奖| www.973502.com-有关彩虹的歌词| www.659497.com-极速快三玩法简介| www.749738.com-分分彩票软件下载| www.833111.com-3d通福彩app| www.947541.com-福彩中大奖经验| www.cai34.com-新快三网站-| www.033523.com-王者彩票有托| www.547579.com-七星彩梦书解梦查询| www.643481.com-七乐彩牛材网| www.817703.com-香港快三app| 吉利彩票www.80065v.com| www.752372.com-彩票挂机能搞到钱| www.878198.com-福彩3d牛材网总汇| www.947487.com-玩3d彩票什么网站| www.989413.com-彩83彩票软件下载| www.ay24.com-彩迷8-| www.028399.com-易彩票是真的么| www.120350.com-吉林快三群95群| www.201800.com-体彩7星彩-| www.820619.com-福彩双色球参选数据| www.82654.com-九号彩票骗局揭秘| www.530.space-彩票贩卖机代理| www.6939.xyz-至尊彩快三-| www.28575.cc-快3真的是福彩吗| www.275391.com-香港有什么彩票| www.175923.com-彩票开挂软件下载| www.296335.com-内蒙古快三开奖视频| www.07029.com-彩色水磨石图片| www.82066.cc-特彩吧高手网天下彩| www.137538.com-毕节附近彩票| www.271885.com-中原彩票的官方网站| www.354075.com-一同事每天必买彩票| www.446789.cc-福彩子涵照片| www.537808.com-彩色系-| www.566049.com-体彩有没有黑幕| www.661110.cc-网易彩票网是真的吗| www.791054.com-118彩票网app| www.858645.com-福彩投资三天计划| www.2011.com-恒发彩票登录| www.79494.com-重庆时时彩票龙虎斗| www.753171.com-安装彩钢夹芯板| www.913978.com-彩16软件-| www.13wh.com-3d老虎彩报-| www.055165.com-机选彩票号-| www.576020.com-福彩3d和值全图表| www.191680.com-澳门国际彩票| www.779376.com-福彩三毛寻宝图| www.vz32.com-手机上怎么玩快三| www.jw7.com-3d彩吧-| www.3zv.com-q彩app登录-| www.608.mobi-天天福彩78c| www.185382.com-快三一定牛推荐| www.548615.com-谁有快彩网的邀请码| www.697238.com-时时彩大小单双玩法| www.398261.com-甘肃福彩联系电话|