jquery 根據網站url給導航nav添加active效果


后台的同事因為把nav公用了,所以無法單頁添加active,一下方法通過判斷url的后綴給當前頁添加active

	$(function(){
		var _nava= $('.nav .nav-wrapper a');
		var _url = window.location.href;
		var _host = window.location.host;
		for(var i = 0; i<_nava.length ; i++){
			var _astr = _nava.eq(i).attr('href');
            if(_url.indexOf(_astr) != -1){
               _nava.eq(i).addClass('active').siblings().removeClass('active');
            }else if(_url == ('http://'+_host+'/')){
            	_nava.eq(0).addClass('active').siblings().removeClass('active');
            }
	    }
    })

由於后台同事,類別分配不同往常;在點擊一個導航進入后,可以正常運行,但是當點擊某一條信息進入后,由於網址又是一個新的html,並沒有包括在原來的類別內,之后通過網站地圖判斷

<script type="text/javascript">
	$(function(){
		var _nava= $('.nav .nav-wrapper a');
		var _url = window.location.href;
		var _host = window.location.host;
        var _type = $('.news .position-search .position-search-wrapper .position a').eq(1).text();//網站地圖“首頁>新聞類別>新聞詳情”
		for(var i = 0; i<_nava.length ; i++){
			var _atext = _nava.eq(i).text();
			var _astr = _nava.eq(i).attr('href');
            if(_url.indexOf(_astr) != -1 || _atext == _type){//地圖的類別和導航的文本對比,相同在該導航添加active
               _nava.eq(i).addClass('active').siblings().removeClass('active');
            }else if(_url == ('http://'+_host+'/')){
            	_nava.eq(0).addClass('active').siblings().removeClass('active');
            }
	    }
    })
</script>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM