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.04714.com-彩票公益金使用范围| www.31199.cc-双色球杀号网易彩票| www.74lv.com-好彩大发是什么意思| www.707608.com-大奖快3彩票| www.525596.com-跟时时彩计划反买| www.984613.com-广东福彩站主之家| www.8609.in-优信彩票正规吗| www.cai9077.com七星彩兑奖表| www.wr85.com-七天彩官网首页| www.91sn.com-幸运365彩票| www.805007.com-大发快三预测网| www.935565.com-梦想彩票苹果下载| 500彩票www.50080t.com| www.268027.com-求668彩票邀请码| www.365367.cc-漳州最新彩票店转让| www.693902.com-电脑传统型彩票| www.810201.com-体彩一体机安装图| www.27fu.com-多少注彩票一个亿| www.646.online-返水最高的彩票网站| www.925862.com-时时彩必赢公式| www.os82.com-彩票11选5技巧| www.3652.cn-鸿福彩票是国家的吗| www.33727.cc-买哪个彩票好| www.885553.com-利彩工具下载| www.240922.com-彩吧彩票是什么| www.509092.com-时时彩在线缩水组号| www.980652.com-易彩乐app-| www.83ig.com-彩票组合公式| www.36ao.cc-01cc第一彩票网| www.3345.com-彩票88官方网站| www.254408.com-淘彩app靠谱不| www.md41.com-779彩票-| www.97gb.com-彩排的反义词是什么| www.5784.biz-福彩3d新小鱼图| www.65421.com-福彩2018150| www.046998.com-快三二同号推荐| www.437709.com-手机福利彩票刮乐| www.576346.com-中国福利彩票网山西| www.679234.com-彩票害人-| www.941198.com-彩票赚流水钱| www.cai876.com-快三口诀逢3下15| www.pm69.com-58福彩app-| www.165147.com-彩票中奖几率| www.982856.com-彩票分享-| www.rl71.com-北京彩票中心官网| www.791132.com-最强彩票选号大师| www.901799.com-体育彩票拍列五| www.993622.com-彩票双色球专家群| www.nm67.com-福彩助手下载| www.84454.com-彩钢瓦的规格及型号| www.067578.com-凤凰娱乐彩票可信吗| www.400836.com-七星彩走势图和值| www.273533.com-福彩造假案视频| www.368608.com-爱购彩票真实平台| www.474663.com-百盛彩票提现| www.581596.com-app购彩合法吗| www.698306.com-简短描写彩虹的句子| www.798013.com-易彩补漆笔如何| www.870550.com-盛大彩票能信吗| www.940344.com-最准全天时时彩计划| www.lk10.com-河北快三历史遗漏| www.92tu.cc-水星分分彩-| www.5105.vip-新手买体彩怎么写号| www.479507.com-大乐透彩票是假的| www.566962.com-竞彩篮球赛程| www.854552.com-快三权威软件靠谱不| www.52rc.cc-射利彩签-| www.942422.com-go彩票官网-| www.95nb.com-福利彩票站怎么提点| www.cp4799.com-彩票开挂软件靠谱吗| www.025025.cc-河南福彩开奖走势图| www.123097.com-酷彩在中国有产地吗| www.208622.com-内蒙古福彩开奖| www.271888.cc-福彩3今天开奖| www.358743.com-体育彩票6加1查询| www.117455.com-官方福彩幸运快| www.72ct.com-四位数福利彩票| www.550353.com-优彩师免费版| www.902323.com-手机qq怎么买彩票| www.175311.com-百姓彩票骗局| www.185116.com-北京快三和值对照表| www.087232.com-时时彩破解公式软件| www.276.club-ac彩妆加盟费| www.060086.com-非法经营网络私彩| www.170870.com-上海快三今天| www.035814.com-今日彩票手机版| www.982706.com-体彩微信公众号| www.399228.com-七星彩内部直码信息| www.191230.com-彩票走势怎么分析| www.489109.com-国家体彩云平台| www.774493.com-彩票号码有规律吗| www.22657.com-cp彩票官网-| www.424400.com-七彩莲花佛教的含义| www.513442.com-福彩开市-| www.571885.com-新盈彩票app下载| www.532563.com-7星彩怎么玩规则| www.554404.com-网络彩票术语| www.664596.com-七星彩精准头尾| www.2726.vip-牛彩跨度字谜| www.8763.in-彩票走势图插件| www.655157.com-特区七星彩软件| www.172561.com-三分快三彩票| www.258644.com-足彩胜负开奖| www.4603.cc-大渡口彩民-| www.492401.com-网上彩票网站骗人| www.610575.com-3个数的是什么彩票| www.449292.com-竟彩十四场投注| www.sp09.com-内蒙古时时彩app| www.989708.com-湖北福彩快三新| www.575790.com-网上哪里买竞彩| www.801981.com-优彩网彩票可靠吗| www.889207.com-易彩官网-| www.980807.com-附近有福利彩票店吗| www.336368.com-提现正常的彩票网站| www.452626.com-熊猫竞彩用不了| www.258504.cc-极速快三开奖时间| www.927075.com-中彩堂正版的资料| www.202008.com-分分快三预测网站| www.300092.cc-无需申请免费送彩金| www.393077.com-简单彩色铅笔画风景| www.850323.com-快三选号号-| www.na3.com-玩快三平台-| www.ru93.com-90彩票下载-| www.j11.tv-中彩网老牌网站| www.113876.com-彩票彩民版靠谱吗| www.231960.com-网络黑彩票破解充值| www.6618.hk-c9彩票下载安装| www.r15.xyz-叫你看彩票曲线图| www.46ou.com-印象彩票手机app| www.47890.com-河南体育彩票玩法| www.089016.com-吉林快三部落| www.739094.com-大乐透彩神通手机版| www.253577.com-彩之家下载安装| www.45066.com-网上的彩票计划群| www.91529.com-好彩香烟中国有吗| www.045020.com-快彩计划软件| www.214866.com-四亿彩票平台| www.279603.com-下载分分彩官方网站| www.017107.com-福利彩票店几点关门| www.539739.com-福彩杀跨度方法| www.607996.com-福彩刮刮乐10元| www.662109.com-全天彩票计划分析| www.749578.com-6188彩票靠谱吗| www.811815.cc-彩坛至尊一肖一特| www.875300.com-福彩区块链| www.947957.com-正规购彩票平台| www.996281.com-体彩店有北单买吗| www.pn7.com-今日多乐彩走势图| www.wt54.com-腾讯体育彩票app| www.389315.com-快三大龙最多多少期| www.603677.com-彩票快3开奖号| www.664219.com-头彩网手机版| www.381933.com-泰安市福彩中心地址| www.583751.com-中国官方彩北京赛车| www.665215.com-七乐彩历史比器| www.713923.com-彩神争霸2app| www.770900.com-天津彩民之家客户端| www.062394.com-彩吧彩票之家| www.326967.com-福彩双色球试机号| www.27ze.com-时时彩兼职是真的吗| www.212229.com-下载瑞彩祥云快3| www.9400.xyz-彩无双登录-| www.37995.cc-一分钟大发快三神器| www.88302.com-彩票系统带自动追号|