개발 story

  • 홈
  • 태그
  • 방명록

JQuery 1

[Spring Boot] header 메뉴 선택 시 jquery로 class 값 변경하기

안녕하세요. hia의 개발 story입니다. header를 만들고 나니 생기는 문제가 있었습니다. 기존 페이지는 페이지별로 header 코딩이 되어있었기 때문에 해당 페이지를 누르면 그에 해당하는 메뉴에 current라는 클래스를 넣어줬습니다. 하지만 header를 분리하게 되면 어떤 페이지에서 header를 불렀는지 알 수가 없어서 선택된 메뉴를 표시해줄 수가 없습니다. 이제 그 부분을 script로 적용하여 변하게 하려고 합니다. 아래의 사진처럼 페이지에는 메인, 소개, 예약, 숙박, 문의 이렇게 다섯 가지의 메뉴가 있습니다. 그 메뉴 중 현재 선택된 메뉴는 메인입니다. 선택된 메뉴를 빨갛게 만드는 것은 main.css에 미리 설정된 스타일로 클래스명이 current인 li 태그에 설정된 스타일입니다..

Springboot 2022.12.22
이전
1
다음
더보기
프로필사진

개발자 공부 기록

  • 분류 전체보기 (20)
    • Java (1)
    • mac os (1)
    • Springboot (13)
    • 개발팁 (3)
    • docker (2)
    • React (0)

Tag

스프링부트, springjpa, 인텔리제이, 개발자, 코딩, 개발공부, 웹개발, JPA, 타임리프, IntelliJ, 프로그래밍, Docker, springboot, mariaDB, 웹개발자, 도커, 스프링JPA, Thymeleaf, 스프링프로젝트, 스프링,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바