菜单相关js动态展示页面:
(function(){
var nav = [{
"name":"职员","list":[{
"name":"首页",
"src" : "index_mr.html",
"fa" : "fa fa-dashboard"
},{
"name":"项目",
"src" : "project.html",
"fa" : "fa fa-laptop"
},{
"name":"任务管理",
"src" : "task.html",
"fa" : "fa fa-edit"
},{
"name":"任务查询",
"src" : "task_search.html",
"fa" : "fa fa-search-plus"
},{
"name":"我的审批",
"src" : "project.html",
"fa" : "fa fa-laptop"
},{
"name":"任务统计",
"src" : "javascript:;",
"fa" : "fa fa-pie-chart"
},{
"name":"成长档案",
"src" : "javascript:;",
"fa" : "fa fa-laptop"
}],
},{
"name":"主管","list":[{
"name":"职责管理",
"src" : "dutySetting.html",
"fa" : "fa fa-files-o"
},{
"name":"职责SOP",
"src" : "javascript:;",
"fa" : "fa fa-files-o"
},{
"name":"业务数据统计",
"src" : "flowdata.html",
"fa" : "fa fa-pie-chart"
}],
},{
"name":"管理","list":[{
"name":"职员KPI考核",
"src" : "javascript:;",
"fa" : "fa fa-check-square-o"
},{
"name":"组织机构岗位",
"src" : "roleManagement.html",
"fa" : "fa fa-users"
},{
"name":"KPI权重设置",
"src" : "roleManagement.html",
"fa" : "fa fa-check-square-o"
},{
"name":"用户管理",
"src" : "staffManagement.html",
"fa" : "fa fa-user"
}],
}];
var aside=$('aside.main-sidebar');
aside.css({'overflow-y':'auto','height':'100%'});
aside.empty();
//菜单展示
navView(nav)
function navView(data){
var str='';
str +='<section class="sidebar">'+
'<ul class="sidebar-menu">'
for(var i=0;i<data.length;i++){
str += '<li class="header"><span>'+data[i].name+'</span></li>'
for(var j=0;j<data[i].list.length;j++){
str += '<li>' +
'<a data-href="'+data[i].list[j].src+'" id="iframename">' +
'<i class="'+data[i].list[j].fa+'"></i> <span>'+data[i].list[j].name+'</span>' +
'<span class="pull-right-container"><small class="label pull-right bg-green"></small></span> ' +
'</a>' +
'</li>'
}
}
str+='</ul></section>';
$('aside.main-sidebar').append(str);
}
})();
html当前主页面:
<div class="content-wrapper main">
<iframe name="iframename" src="index_mr.html" id="iframename" frameborder="0" width="100%" scrolling="auto"></iframe>
</div>
js展示更具点击菜单页面刷新当前主页面且防止在主页面的超链接中,页面弹出新窗口
var height= document.documentElement.clientHeight - 60;
$('.main').find('iframe').css({"height":height+'px'});
$('.sidebar').on('click','#iframename',function(){
var href = $(this).attr("data-href");
$('.main').find('iframe').attr("src",href);
})