채택완료

페이지 새로고침시 class active 유지 방법

2020-05-07 (목) 20:22:16 3,699

5번 버튼을 선택 후 페이지 새로고침 해도 5번 버튼에 cative 유지하는 방법이 있나요?

아니면 이건 원래 안되는건가요?

   <div id="myDIV">
     <button class="btn">1</button>
     <button class="btn active">2</button>
     <button class="btn">3</button>
     <button class="btn">4</button>
     <button class="btn">5</button>
   </div>

   <div id="myA">
      <a onClick="window.location.reload()" style="cursor: pointer;">[새로고침]</a>
   </div>

   <script>

   $('button.btn').click(function(){
    $('button.btn').removeClass("active");
    $(this).addClass("active");
});

</script>

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
2020-05-07 (목) 21:45:35

클릭했을때 쿠키에 저장을 하고 그 쿠키를 이용하시면 될거 같습니다. 아니면 hash 라는것을 검색해보시고 활용해보세요.

답변에 대한 댓글 1개

넵! 감사합니다. form에 저장했다 불러오는걸 생각해보고 찾아서 시도해봤는데 이건 현재 만들어논 코딩에서는 뭐가 문제인지 안되더라구요. 쿠키나 hash 찾아서 해볼께요~

답변을 작성하려면 로그인이 필요합니다.