메뉴에 addClass 를 어떻게 적용해야할까요?
본문
메뉴에 addClass를 활용하여 메뉴에 color:red 속성을 주려합니다
공지사항 메뉴를 클릭하면 해당페이지가 나오고,
예를들어 메뉴 "공지사항" 텍스트의 color가 red로 변해야하는데
원페이지라면 상관없겠지만
그누는 메뉴를 누르면 페이지(경로)가 바뀌어버려서 head.php에 넣은 addClass 스크립트가 풀려버리더라고요
그누보드 특성상 페이지마다 스크립트를 적을수가 없는데 이런경우 어떻게 메뉴에 addClass를 적용시킬수있을까요?
답변 3
크게 두가지 방법이 있습니다.
하나는, jquery 로 현재 페이지 url 과 각 메뉴의 href 를 비교하여 일치 또는 유사하면, addclass() 를 주는 방법이고..
* 참고 코드 => https://stackoverflow.com/a/39377454
다른 하나는, php 로 현재 페이지 또는 get 변수값 등의 체크를 통해 (조금 무식하게 수동으로 class를 주는) 방법입니다.
* 참고글 => https://sir.kr/qa/123881
저는 co_id, bo_table, 혹은 파일명등을 분석해서 적용합니다.
<div <? if($bo_table=="notice") { ?>style="color:red"<? } ?>>공지사항</div>
공지사항 게시판의 코드가 notice 라면 이런 방법도 있습니다.
답변을 작성하시기 전에 로그인 해주세요.