web前端
位置导航: web前端>为当前tab菜单添加选中状态(跳页)
html:
<div id="titledaohang"> <ul> <li class="keli actives"><a href="/LianYunGangAir/page/view/ParticulateMatter/Dynamicsource/index.html">颗粒物动态溯源解析</a><img src="../../../img/shijiantou.png"></li> <li class="chouyang"><a href="/LianYunGangAir/page/view/VOCsSourceDynamicParsing/VOCsSource/index.html">臭氧动态溯源解析</a><img src="../../../img/foujiantou.png"></li> </ul> </div>
js:
$(function(){ ///获取当前模块名 var link = window.location.href; var linkarr = link.split('/'); var linkLeg = linkarr.length-3; //获取连接 $("#titledaohang li").each(function(){ var valUrl = $(this).find('a').attr('href'); if(valUrl.indexOf(linkarr[linkLeg]) != -1){ $(this).addClass('actives'); $(this).find('img').attr('src','../../../img/shijiantou.png'); $(this).siblings().removeClass('actives'); $(this).siblings().find('img').attr('src','../../../img/foujiantou.png'); } }) })
只需要模块名所在位置,和所添加的class样式即可。
下一篇:echarts柱状图详解
热门模板