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天

知道了
亚洲28 www.381009.com-今天开奖彩票号码| www.066372.com-彩票私彩-| www.432167.com-福利彩票双色球二| www.060741.com-河南福彩网勇士争先| www.971084.com-快三模拟器手机版| www.638100.com-绍兴竞彩店-| www.122354.com-重庆时时彩怎么加群| www.299978.com-买彩票要看走势图吗| www.397716.com-安装七星彩画规表| www.381577.com-体彩肥城中大奖了吗| www.655303.com-海南七星彩小精英版| www.735359.com-乐城彩票怎么样| www.808537.com-丽彩集团郁鹏简历| www.879667.com-福彩3d号码走势图| www.964412.com-京彩app靠谱吗| 大赢家彩票平台www.186757.com| www.389383.com-开福利彩票站挣钱吗| www.815991.com-乐彩网图表-| www.933591.com-乐彩彩票网安全吗| 500彩票www.26299g.com| www.895152.com-优彩网举报客服电话| 中国福利彩票www.3478y.cc| www.144543.com-彩票充一千颂| www.875493.com-山东福彩20选五| www.975112.com-购彩网用户注册| www.as02.com-贵州彩票3b-| www.zi95.com-网易彩票客户端| www.31sh.cc-福彩星期日几点开奖| www.761.cm-百乐彩娱乐城官网| www.216366.com-全国快三是不是真的| www.870922.com-江苏快三彩票软件| www.639452.com-体彩旗舰店要求| www.85545.cc-福彩群英会人物编号| www.084434.com-安微快三精准计划| www.170382.com-快三江苏开奖走势图| 众乐彩票www.389244.com| www.5556.vip-3d彩吧开机号十期| www.59182.com-江西彩票中奖| www.202443.com-贵州省体彩大乐透| www.298153.com-人人中彩票所有版本| www.375612.com-时时彩任选玩法| www.333963.com-大乐透彩票指南报纸| www.55830.com-七星彩开奖号码往期| www.019346.com-遵义福彩千万双色球| www.75395.cc-风云彩票精华a版| www.wf66.cc-查一下体彩开奖结果| www.85lg.com-巴彦淖尔彩票站申请| www.545658.com-超体体育彩票开奖| www.626694.com-河北福彩2o选5| www.811040.com-幸运彩票网站| www.915148.com-足球竞彩结果比分| www.977043.com-鸿彩网注册-| www.cp1300.com-五分快三精准计划| www.li81.com-全中彩票官网下載| www.02jc.com-官骑彩-| www.91lm.cc-牛彩官网3d断组| www.730208.com-彩票中奖采访| www.362389.com-彩虹的人生励志句子| www.446330.com-体彩官网新行情报价| www.553393.com-时时彩怎么判断长龙| www.624122.com-常德福彩中心| www.425590.com-竞彩推荐预测14| www.542929.com-查询福彩开奖号码| www.611552.com-家彩网胆码胆码预测| www.674188.com-做彩票狗推话术| www.739813.com-福利彩票小助手| www.803708.com-江苏快三单双记录| www.870713.com-41彩票网-| www.927578.com-快三六十一期开奖号| www.977759.com-怎么在网上买足彩| www.cai6262.com甘肃体彩11-| www.mp65.com-正规彩票送彩金| www.q07.com-福彩3d字画迷汇总| www.52kf.com-时时彩计划网页版| www.76225.com-文成县福利彩票中心| www.224770.com-浙江快三走势图| www.326176.com-p3走势图彩宝网| www.415541.com-竞彩合买跟单| www.509925.com-河内分分彩计划在线| www.595955.com-彩鑫网-| www.688594.com-彩神通官方下载| www.762813.com-彩票投注站秒速| www.837457.com-蓝星竞彩打水软件| www.902505.com-最新彩票报纸| www.964997.com-体彩开奖在哪个台| 彩票5www.505420.com| www.gm25.com-快彩在线是不是官方| www.yl03.cc-彩计划下载app| www.287976.com-博友彩-| www.069031.com-广西福彩十分走势图| www.159604.com-中彩网wap网址| www.269128.com-珠江彩票官网| www.021144.com-双色球专家说彩| www.607009.com-33彩票快艇计划网| www.678883.com-众购彩票网路线| www.760697.com-三分时时彩带人计划| www.837063.com-合肥体彩店在哪找| www.906130.com-大连体彩店出租合作| www.964163.com-福彩彩吧首页| 彩61www.092603.com| www.06609.cc-华彩赢家官网| www.649118.com-七彩椒盆栽-| www.736881.com-体育彩票机选好还是| www.g12.cc-海南本地彩票| www.54wj.com-什么是彩票开机号| www.0842.org-快三拉花致快乐的歌| www.6529.biz-福彩晚秋谜底| www.16170.com-网警会查私彩吗| www.51211.cc-最经典的58彩票| www.91198.cc-好彩种类-| www.035867.com-广西福彩官网快十| www.134440.com-彩票481开奖结果| www.195236.com-贵州省快三跨度| www.264627.com-河南快三吧-| www.673488.com-古建筑旋子彩绘图案| www.751614.com-彩票机选中奖几率| www.816622.com-中快三豹子多少钱| www.894797.com-彩票中奖地区查询器| www.952417.com-k彩游戏怎么下载| www.997843.com-乐彩网摘网-| www.qc2.com-福彩快三开奖规律| www.727205.com-网络彩票骗局经过| www.800036.cc-中国体彩开奖情况| www.388158.com-老挝博彩打工可靠吗| www.505234.com-竞彩不允许卖单场票| www.563969.com-人人彩上去-| www.629499.com-93彩票网址安全吗| www.686640.com-福彩3d打一个号码| www.400501.com-万彩网六彩-| www.544113.com-038期彩报第38| www.rw20.com-时时中彩票手机登录| www.452221.com-太原市福利彩票店| www.ic46.com-河南快三预测推荐表| www.g15.club-四星彩开奖结果| www.42jo.com-唯彩会彩票观察| www.1939.in-万彩吧排列三预测| www.862851.com-大乐彩开奖号码| www.962274.com-看彩72变-| www.hg44.cc-福彩快三倍投计算器| www.839272.com-福利彩票是什么单位| www.925192.com-财神彩票平台| www.990426.com-汇彩网怎么样| www.pw2.cc-体彩快乐扑克3玩法| www.27cm.com-网赌一分彩-| www.500715.com-一寸彩照是那种| www.671432.com-乐赢彩下载-| www.740100.com-体彩跟福彩谁更真实| www.815628.com-排列五是不是福利彩| www.900729.com-江苏体彩官网| www.962474.com-1360亿彩票事件| 58彩www.88858c.com| www.354922.com-福彩3d怎么看| www.936937.com-七乐彩胆拖兑奖表| 幸运众彩www.108067.com| www.025469.com-彩票计划团队大全| www.949565.com-7乐彩走图-| 梦想彩票站www.43131h.com| www.814016.com-时时彩玩法介绍| www.894792.com-时时彩助手安卓版| www.967992.com-玩彩的群-| www.cai1866.com福彩快三官网登录| www.hp64.com-重庆试试彩app| www.71mp.com-众购彩票网免费注册| www.0683.org-彩票店装修样板|