url(path)을 비교하여 메뉴 active 하기
2018. 8. 13. 16:38ㆍStudy/JavaScript/JQuery
반응형
var url = window.location;
// for sidebar menu entirely but not cover treeview
$('ul.sidebar-menu a').filter(function() {
return this.href == url;
}).parent().addClass('active');
// for treeview
$('ul.treeview-menu a').filter(function() {
return this.href == url;
}).parentsUntil(".sidebar-menu > .treeview-menu").addClass('active');
window.location을 이용하여 url을 가져오고,
메뉴의 링크와 비교하여 같다면 active class를 추가한다.
반응형
'Study > JavaScript/JQuery' 카테고리의 다른 글
| [jQuery] iframe youtube 재생, 일시정지, 중지 제어 (0) | 2017.07.27 |
|---|---|
| [모바일웹] 메인메뉴를 터치 슬라이드 방식으로 만들기 (1) | 2017.01.16 |
| 동적으로 생성된 태그에 이벤트 주기! (0) | 2016.03.09 |
| 웹에 파워포인트(PPT) 띄우기 (0) | 2015.12.28 |
| [jquery] 10가지 태그 클라우드 플러그인 (0) | 2013.03.13 |
| [jquery] jquery모음 사이트 (0) | 2013.03.12 |
| [jquery] 퀵메뉴 (0) | 2013.03.05 |
| [jquery] 마우스오버로 커졌다가 작아졌다 (0) | 2013.03.05 |