登录/注册

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样式即可。