[Javascript] 메뉴텝 active 주기.

메뉴를 클릭시 링크를 이동시키고 클래스에 active 속성 부여

 

<div class="noticeTab">

    <ul>
        <li  class="myInfo" >  <a href='/myinfo/myInfo/main.do' > 내정보..       </a>   </li>

        <li class="ogcr" >    <a href="/myinfo/ogcr/list.do" >      </a></li>

        <li class="publicUses> <a .....>      </a>     </li>

        <li class="excelUpld">   <a .......>      </a>   </li>
    </ul>
 </div>

 

[1번째 방법 :  url에 class정보가 있다. url에서 클래스를 찾아 active를 더해주는 코드이다.]

 

$(document).ready(function() {
    var classes = ['myInfo', 'ogcr', 'publicUses', 'excelUpld'];
    var cls = R.find(function(v) {
    return location.href.indexOf(v) !== -1
    }, classes);

    if (cls)
    $('.noticeTab').find('.' + cls).addClass('active');
});

 

[2 번째 방법 : url을 찾아서 부모 li activceAdd를 준다.]

 

$(document).ready(function() {
	$('.noticeTab').find('a[href="' + document.location.pathname + '"]').parents('li').addClass('active');
});