给页面对应的导航添加样式
2018-08-30 本文已影响3人
花花0825
在做动态页面的时候,导航部分是公用的,很难直接用样式给页面对应的导航按钮添加不一样的样式,现在就使用js方法:
//获取当前页面的链接
var currentUrl = window.location.href;
//console.log(currentUrl);
//查询导航里面的li,".navbar-inverse .navbar-nav":是ul的class,
$('.navbar-inverse .navbar-nav').find('li').each(function () {
//获取点击了对应的a标签里面的链接
var objUrl = $(this).children("a").attr(("href"));
//var obur = currentUrl.indexOf(objUrl, 20);
//console.log(obur);
//判断a标签里面的链接是否是页面的链接,
if (currentUrl.indexOf(objUrl) >= 0) {
$(this).attr("class", "nav-active");
}
})