JavaScript邮箱系统开发（二）-白红宇

JavaScript邮箱系统开发（二）

阅读量：6415 次

发布时间：2019-06-23

本文共 1529 字，大约阅读时间需要 5 分钟。

一、一级导航点击

$('#J_B_main_block').on('click','a',function(e) {    e.preventDefault();       // 阻止默认事件    e.stopPropagation();      // 阻止事件冒泡    $(this).parent().addClass('current').siblings().removeClass('current');        var data_id = $(this).attr('data-id'),         data_list = SUBMENU_CONFIG[data_id],         html = [],         child_html = [],         child_index=0,         B_menubar = $('#B_menubar');    if(B_menubar.attr('data-id') == data_id){ return false; };	    show_left_menu(data_list['items']);	    B_menubar.html(html.join('')).attr('data-id', data_id);	    //显示左侧菜单    function show_left_menu(data){      for(var attr in data){         if(data[attr] && typeof (data[attr]) === 'object') {             //循环子对象             if(!data[attr].url && attr === 'items'){               //子菜单添加识别属性               $.each(data[attr], function(i,o){                 child_index++;                 o.isChild = true;                 o.child_index = child_index;	       });	     }	     show_left_menu(data[attr]); //继续执行循环(筛选子菜单)	 }else{	    if(attr === 'name'){	      data.url = data.url ? data.url : '#';		 if(!(data['isChild'])) {		   //一级菜单		   html.push('
    
     
      '+ data.name +'
     
    
');		 }else{	           //二级菜单		   child_html.push('
     
      '+ data.name +'
     
');		   //二级菜单全部push完毕		   if(data.child_index == child_index){		     html.push('
    
     
      '+child_html.join('')+'
     
');		     child_html = [];		   }	         }	      }	  }      }};});