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.99965.com-浙江体彩飞鱼开奖| www.882607.com-易彩网是真的吗| www.69894.cc-预知百盈快三的软件| www.154808.com-足彩新手教程| www.086829.com-福彩自动售票机加盟| www.cai259.com-河北快三走势图| www.859772.com-河内彩全天计划| www.425700.cc-彩票6234-| www.581035.com-足彩购买推荐| www.692203.com-17彩票网靠谱么| www.wy22.com-彩票分析大师app| www.9305.vip-七星彩二等奖中奖率| www.505172.com-中乐彩网-| www.449367.com-山东福彩电话| www.559018.com-福彩快乐彩玩法介绍| www.dz1.com-快三输了怎么回本| www.602052.com-夫妇彩票中3亿| www.9695.club-港彩开奖资料大全| www.365952.cc-彩29彩票违法吗| www.90741.com-福利彩票抽奖的软件| www.085003.com-快三选号软件| www.516446.com-色彩对人的心理影响| www.117637.com-足球彩票十四场分析| www.910474.com-一分快三传统彩玩法| www.576034.com-c77彩票下载| 网易彩票www.062wy.com| www.299965.com-高频彩票app| www.455110.com-国民彩票登陆| www.062218.com-万彩平台提现不了| www.dn78.com-中彩票的概率| www.232290.com-时时乐彩票-| www.624178.com-旭彩美缝剂厂家直销| www.87293.com-uu彩票苹果版| www.56659.com-时时彩后三最稳玩法| www.037002.com-新1彩票-| www.678154.com-牛彩网收录彩吧| www.65899.com-红快三和快三| www.99578.com-南国体育彩票直播| www.117878.cc-时时彩技巧出号规律| www.065369.com-33彩票平台怎么样| www.622284.com-3d乐彩网高低图| www.712303.com-手机上彩票是真是假| www.794148.com-买黑彩票判刑标准| www.868327.com-亿彩堂-| www.934702.com-快彩11选五电视版| 500彩票www.50052j.com| www.249828.com-棒棒彩票app| www.352708.com-十大黑钱的彩票平台| www.566285.com-558彩票骗局| www.664509.com-湛江七星彩版网| www.276157.com-彩种最全的彩票软件| www.18771.com-501彩票app-| www.85691.com-口袋彩店安全| www.114937.com-97彩票官方-| www.cai1166.com福彩快三查询| www.548664.com-五分彩的规则| www.669913.com-海南老牌七星彩网址| www.798526.com-鼎盛五分彩-| www.918475.com-彩票双色球模拟投注| 500彩票www.52072i.com| www.01st.com-赌彩票死了多少人| www.773475.com-彩票托是什么| www.29mt.com-体育彩票打票教程图| www.v70.net-福彩店广告语| www.98oz.com-黑彩返点收入| www.110745.com-ee彩彩票-| www.vn66.com-14场足彩最新推荐| www.53rz.com-体彩店每月任务| www.629318.com-如意彩3d-| www.739443.com-中国体育彩票足彩| www.670042.com-海南七星彩图版| www.033921.com-高频彩伪规律| www.820868.com-会理彩钢瓦拆除| www.448025.com-123图库彩图图库| www.112693.com-福齐天甘肃快三推荐| www.872307.com-福利彩票怎么投注| 豪彩VIPwww.ay7799.com| www.237822.com-湖南福彩网官方站| www.026727.com-13彩官网-| www.87885.cc-博彩和赌博的区别| www.16712.cc-广西福彩彩官网| www.222367.com-七星彩开奖历史查询| www.305016.com-官方认证快三彩票| www.372044.com-菠萝彩官网-| www.88297.com-彩民彩票是真的吗| www.155302.com-彩票团队注册送彩金| www.tl87.com-玩彩老头排3预测| www.603532.com-三晋福彩3d-| www.685399.com-福彩平台下载| www.788382.com-今天体育足彩竞彩网| www.906415.com-福彩快三规律图| www.979035.com-好彩门户一报特网| www.ea99.com-大发快三新手怎么玩| www.5298.me-新彊福利彩票时时彩| www.088675.com-海南体育彩票交流群| www.222945.com-中国福利彩票贵州| www.352105.com-黑彩平台排名榜| www.794007.com-公务员买彩票违规吗| www.871964.com-大发快三走势软件| www.937217.com-单人彩票最高奖金| www.993195.com-玩彩票怎么能赚到钱| www.ds81.com-彩70app官网| www.692336.com-彩乐乐双色球基本图| www.831831.com-大星七乐彩走势图| www.909511.com-中彩网5分快3| www.992767.com-北京福彩代理| www.al80.com-彩票中奖查询明细表| www.08711.com-福利彩票平台软件| www.544012.com-天天中彩票网站| www.712520.com-彩108彩票网站| www.536216.com-现在有多少种彩票| www.578526.com-兰州体彩转让| www.yq55.cc-彩票照片可以兑奖吗| www.999933.com-易彩网邀请码怎么找| www.297062.com-中彩票的技巧| www.tz15.com-体彩术语解释| www.632073.com-湖北休彩11选5| www.738176.com-彩79官网-| www.cai18.cc-快三开奖-| www.3330.vip-978彩票ios-| www.32099.cc-今日体育足彩竞彩网| www.007733.com-河南福彩大厦| www.756356.com-4567彩票代玩| www.856917.com-大富豪彩票平台| www.922328.com-重庆结婚不要彩礼| www.983869.com-北京彩票兑奖中心| www.cp2869.com-福彩快3规则| www.kf41.com-一分快三官网开奖| www.22hx.com-倍率彩票app| www.248.com-馬來西亞福利樂和彩| www.7048.xyz-豫彩通可以买彩票吗| www.33199.com-福建彩票网官方网站| www.981508.com-093彩票平台下载| www.885.win-9彩是不是真的| www.6263.cn-彩运网官方下载| www.365195.cc-彩票33安软市场| www.35924.com-九度彩票下载安装| 万彩网www.wcp686.com| www.560090.com-kk彩票app-| www.827636.com-中国体育彩票胜平负| www.652786.com-彩贝壳app打不开| www.226109.com-欢乐彩-| www.7gz.com-网易彩票专家杀号| www.91lk.com-手机版牛彩-| www.5964.biz-东营体彩中心| www.17051.com-广西快三计划预测| www.326188.com-彩宝网3d近30集| www.412344.com-008彩官网-| www.506848.com-梦想彩票骗局| www.575618.com-999彩票是真的吗| www.660330.com-大数据与测试彩票| www.738558.com-七天彩的平台怎么样| www.825188.com-3d福彩东丹图| www.927363.com-体彩共选几个号| 55世纪www.202115.com| www.9427.cn-一分彩票走势图| www.51295.cc-彩客娱乐骗局| www.9259.com-免费的彩票分析软件| www.52916.cc-海南湛江七星彩| www.87547.com-312彩票app-| www.187183.com-时时彩图-| www.338450.com-七乐彩专家胆码预测| www.299902.com-福彩走势图制作| www.397674.com-福彩3d百位全杀法|