function createMenu(obj) { $.each(obj, function(index, elements) { if (obj[index].title) { //区分一二级标题 $('#offcanvasExample')[0].innerHTML += '
' + obj[index].titleGroup + '
'; $.each(obj[index].title, function(i, e) { $('#' + obj[index].cardId + ' ul')[0].innerHTML += '
  • ' + '' + obj[index].title[i].title + '
  • '; }); } else { $('#offcanvasExample')[0].innerHTML += '
    ' + obj[index].titleOne + '
    '; }; }); //隐藏所有内容 $('.cZwj .card-body').css('display', 'none'); //容器背景颜色 $('.offcanvas').css('background', '#393D49'); //子菜单背景色 $(' .collapse li').css('background', '#282B33'); // 默认标签页展示第一个菜单和相应内容 let Id; if ($('.cHeaderZ').eq(0).attr('data-id')) { Id = $('.cHeaderZ:eq(0)').attr('data-id'); // $('.cHeaderZ:eq(0)').css('background-color', ' #009688'); } else { Id = $('.collapse li:eq(0)').attr('data-id'); // $('.cHeaderZ:eq(0)').css('background-color', '#009688'); }; $.each($('.cZwj .card-body'), function(j, element) { if (Id == $('.card .card-body').eq(j).attr('data-id')) { $('.cZwj .card-body').eq(j).css('display', 'block'); }; }); if (obj[0].title) { //区分一二级标题 $('.nav-tabs').html(''); } else { $('.nav-tabs').html(''); }; $('.ztabs .nav-item').children().css('border-bottom','5px solid green') delCard();//绑定第一个按钮 creatLable() };