循环三级菜单

最新推荐文章于 2022-12-28 22:35:47 发布

weixin_33809981

最新推荐文章于 2022-12-28 22:35:47 发布

阅读量163

点赞数

文章标签： json

原文链接：https://my.oschina.net/lpcysz/blog/914982

版权

为什么80%的码农都做不了架构师？>>>

  build_menus:function(){
		 console.log(menu);
		 /*menu为json数据*/
		    	var html = '';
		    	html +=  '<div id="gunDong">'
				   		+ '<div style="position: relative;">'
				   			+ '<nav class="nav">' 
					           + '<ul class="ul1">';
		    	for(var i = 0; i < menu.length; i++){
		    		 html += '<li class="li1">'
								+ '<a id="' + menu[i].id + '"  pid="' + menu[i].pid + '">'
									+ '<img src="../css/images/nav/1.gif" alt="我的任务">'
									+ '<p>' + menu[i].text + '</p>'
								+ '</a>';
					    		 if(menu[i].children){
					    			 html += '<ul class="ul2">'					    				 		
					    				 			for(var j = 0; j < menu[i].children.length; j++){
					    				 				if(menu[i].children[j].children){
					    				 					html += '<li class="li2">'
					    				 						+ '<a class="bg" id="'+ menu[i].children[j].id+'" pid="'+menu[i].children[j].pid+'" >' +  menu[i].children[j].text + '</a>';
					    				 							html += '<ul class="ul3">';	
					    				 								for(var k = 0; k < menu[i].children[j].children.length; k++){
					    				 									html += '<li class="li3">'
										    				 					    + '<a id="'+ menu[i].children[j].children[k].id +'" pid="'+menu[i].children[j].children[k].pid+'" url="'+ menu[i].children[j].children[k].url +'">' +  menu[i].children[j].children[k].text + '</a>';
					    				 									html += '</li>';
					    				 									}
					    				 							html +='</ul>';
					    				 							html += '</li>';
					    				 						}else{
					    				 							html += '<li class="li2">'
								    				 					+ '<a class="bg" id="'+ menu[i].children[j].id+'" pid="'+menu[i].children[j].pid+'" url="'+menu[i].children[j].url+'">' +  menu[i].children[j].text + '</a>';
								    				 					
								    				 				html += '</li>' ;
					    				 						}
					    				 						
					    				 				}
					    			html += '<iframe class="Tiframe" frameborder="0" scrolling="0"></iframe>'
										+ '</ul>' ;
					    		}	
						html += '</li>';
		    			  
		    	}
		    html +=	'</ul>' 
			       		+ '</nav>' 
			       			+ '</div>' 
			       				+ '</div>';
		    
		    	return html;
}

转载于:https://my.oschina.net/lpcysz/blog/914982