后台的同事因為把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>