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.fx18.cc-找福利彩票群| www.018970.com-胜负彩缩水过滤软件| www.36xi.com-好彩客无法提现| www.02735.com-3d福彩八卦图| www.81598.com-澳门博彩诈骗| www.678253.com-重庆彩钢围挡多少钱| www.810578.com-最好的彩票书籍大全| www.0515.love-体彩竞猜游戏规则| www.80803.com-腾讯旗下的彩票软件| www.48pm.com-张星彩与沮授强度| www.23386.com-时时彩人工五星计划| www.053663.com-分析足彩收费违法吗| www.560962.com-大富豪彩票手机版| www.672424.com-足彩彩票分析软件| www.556289.com-乐彩博彩骗局| www.171357.com-七星彩近30期| www.442050.com-旺彩双色球怎么购彩| www.719208.com-描写彩虹的作文| www.313825.com-好彩2中奖规则| www.0332.cn-附近福利彩票站电话| www.717575.com-福彩在线是真的吗| www.879377.com-福彩新快三开奖结果| www.yi86.com-万彩8-| www.6383.org-14场胜负彩app| www.77925.com-智慧彩软件破解版| www.583590.com-彩色的黑图片| www.509644.com-彩盈软件下载| www.83689.com-哪个星座买彩票会中| www.104521.com-足彩竞彩奖金计算器| www.204685.com-快三大小单双高手| www.278368.com-如何安装中彩网| www.365022.com-套彩是什么意思| www.458027.com-如何看体彩走势图| www.043711.com-体彩排列五怎么中奖| www.113519.com-登录福利彩票系统| www.878195.com-金誉彩票网登录| www.966912.com-恒大彩票可靠不| www.93dl.com-彩票發-| www.7001.pw-福利彩票大乐透中奖| www.53353.com-安徽快三每天多少期| www.2023.net-快三买单双-| www.098825.com-传统彩下载-| www.186637.com-快三彩票是坑人的吗| www.088027.com-共赢彩票团队计划| www.187414.com-时时彩投注网站| www.80ln.com-体彩开奖结果2元网| www.581714.com-芒果彩票平台| www.737688.com-微信快三带-| www.815933.com-福彩2d中了多少钱| 500万彩票www.96386f.com| www.96az.com-靓彩印刷厂怎么样| www.076113.com-预测江苏快三的高手| www.478860.com-福利彩票天津中奖| www.380670.com-彩票软件套现| www.490828.com-宏达彩票购买中心| www.566013.com-智能彩票预测下载| www.628576.com-信彩票官方下载| www.120425.com-广西快三正规吗| www.0780.com-福彩试机号新口诀| www.6447.xyz-天天体彩下载官网| www.07142.com-怎样买福彩双色球| www.68969.cc-尊彩可靠吗-| www.079626.com-3d彩票规则玩法| www.113082.com-彩票中奖必读| www.964651.com-七星彩中了两个数字| www.654774.com-时时彩后三有多少组| www.796220.com-一等奖彩票-| www.919152.com-私彩信誉排行榜| www.ef15.com-高频彩合法吗| www.9177.cc-新加坡大彩奖金分类| www.862288.com-k彩是正规的吗| www.992027.com-湖北福彩有几种玩法| www.662447.com-乐玩彩票提款| www.903272.com-福彩金码试机号| www.69841.com-福利彩票3d天机图| www.659030.com-利彩的赚钱-| www.179877.com-新快三开奘结果| www.488077.com-中彩票过程-| www.829367.com-新乐彩网站-| www.fd19.com-快三人工计划手机版| www.43gv.com-彩票网址哪个好用| www.qa62.com-567彩票cc-| www.8755.org-怎样组选双色球彩票| www.047858.com-彩票选号方法| www.76644.cc-好彩一八今期现| www.58ba.com-uu快三怎么下载| www.588283.com-七星彩公开册子| www.026074.com-凤彩网app下载| www.62by.com-彩票100期-| www.788910.com-唯彩竞彩推荐下载| www.814718.com-高频彩票会被叫停| www.681998.com-现在微信怎么买彩票| www.768242.com-高频彩种行业赚钱| www.857818.com-福彩动物总动员攻略| www.365701.com-彩铅绘画图片| www.7707.tv-黑龙江省时时彩开奖| www.426616.com-诚信可靠的足球彩票| www.589456.com-足球竟彩360比分| www.690553.com-可以购彩的app| www.800971.com-福建体彩大乐走势图| www.872313.com-福彩彩票有几位数字| www.953994.com-网上计划彩票| GO彩www.fen08.com| www.52793.com-好彩投彩票安装| www.015739.com-七星彩怎么在手机买| www.sz91.com-国彩8-| www.113140.com-七乐彩1拖8-| www.83vi.com-彩色釉子瓷器| www.4157.xyz-彩虹剧情分集介绍| www.17591.com-竞彩足球唯彩网| www.82246.com-足彩19031对战| www.030913.com-高频彩为什么会输| www.102548.com-南粤风采好彩1预测| www.931657.com-吉林体育彩票官网| www.612289.com-如何算出彩票中奖号| www.698478.com-嘉兴市福彩中心| www.773650.com-微信彩票群赚钱| www.865690.com-网易彩票官方版| www.09522.com-中国移动官方彩票| www.827833.com-福彩跟单员-| www.70zo.com-k彩彩民中奖福地| www.302730.com-欧洲幸运彩-| www.388949.com-福彩3d独胆天计划| www.501008.com-彩色的梦图片简笔画| www.571392.com-吉林快三什么计划网| www.653888.cc-奔腾彩票是正规的吗| www.720398.com-七星彩是否有规律| www.792696.com-福彩销售点-| www.868011.com-腾讯分分彩五星规律| www.930674.com-36o七星彩预测| www.983475.com-天津时时彩官网| www.aj44.com-七星彩口决-| www.ux73.com-宁夏快三49-| www.17js.com-我在洪荒买彩票| www.572629.com-17彩票下载软件| www.712593.com-快三是人为控制的吗| www.799363.com-福利彩票自动售票机| www.892838.com-爱玩彩票下载| www.995759.com-体彩单场竞猜玩法| www.4582.top-送彩金的电玩城| www.289.pw-体育彩票结果| www.302848.com-517彩票-| www.163320.com-中彩网客服-| www.031256.com-快三模拟投注| www.155564.com-海南体育彩票飞鱼| www.in16.com-足彩500万-| www.907218.com-快三助赢软件下载| www.984247.com-下载福彩3d百万通| www.bx02.com-老谢说彩今日头条| www.994583.com-彩票遗漏值技巧| www.hr74.com-彩票app下载苹果| www.338767.com-118彩票iso-| www.61681.com-彩票守号10期| 55世纪www.202115.com| www.625757.cc-快开彩票改20| www.789367.com-足彩分析预测app| www.906212.com-触手系本子彩色| www.111459.com-彩票团队计划大全| www.269708.com-665彩票-| www.407100.com-彩票代理合法吗| www.533423.com-彩票打法-| www.607809.com-派彩是什么-| www.22557.cc-彩票坊平台-| www.616849.com-河北快三号码统计|