头部文件jq嵌入笔记

var headHtml = '<div class="container">' +
'<div class="navbar-header">' +
'<a class="navbar-brand" href="index.html"><img class="img-responsive" src="../images/logo_shenzhou.png" width="200" height="70" alt="logo"></a>' +
'</div>' +
'<div class="navbar-collapse collapse" role="navigation" aria-expanded="false" style="height: 1px;">' +
'<ul class="nav navbar-nav navbar-right">' +
'<li><a href="index.html">首页<span></span></a></li>' +
'<li><a href="products-center.html">产品中心<span></span></a></li>' +
'<li><a href="solve-program.html">解决方案<span></span></a></li>' +
'<li><a href="success-case.html">成功案例<span></span></a></li>' +
'<li><a href="cooperation.html">合作加盟<span></span></a></li>' +
'<li><a href="manpower_resource.html">人力资源<span></span></a></li>' +
'<li><a href="service-support.html">服务支持<span></span></a></li>' +
'<li><a href="about-us.html">关于我们<span></span></a></li>' +
'</ul>' +
'</div>' +
'</div>'

$('.navbar-fixed-top').append(headHtml)

给每一个打开点击的页面添加active状态

$('.navbar-nav>li').each(function (index,item) {

var ohref = $(item).find('a').attr('href');

if(window.location.href.indexOf(ohref) !== -1){
$(item).addClass('active')
}
});