여기 홈페이지에서 추천순 , 최신순 처리

추천순에서 최신순으로 바뀔때마다 해당 클릭한 버튼의 클래스가 바뀌는 것 같습니다.

하지만 따라해봐도 위의 url이 바뀌기때문에 클래스 이름이 바뀌여도 다시 초기화 됩니다. 방법 알려주시면 감사하겠습니다.

요약 :

그냥 클래스 이름변경하는 함수를 사용하면 변경이됨,
근데 클릭하면 클릭이벤트중에 url이 변경되기 때문에 변경되어 보여지는 html 에서는 클래스이름이 바뀌지않음.

답변주시면 감사하겠습니다.ㅠㅠㅠㅠㅠ

alswhddh3 님 517

2020년 11월 10일 5:47 오후

댓 글 (0) |

목록으로

1개의 답변이 있습니다. 1 / 1 Page

안녕하세요.

파이보는 다음처럼 코딩되어 있습니다.
so 값에 의해 active 클래스를 적용합니다.

<div class="btn-group" role="group">
          <button type="button" title="최신순" class="btn btn-sm btn-secondary so {% if so == 'recent'    %}active{% endif %}" data-so="recent" ><i class="fas fa-list"></i></button>
          <button type="button" title="추천순" class="btn btn-sm btn-secondary so {% if so == 'recommend' %}active{% endif %}" data-so="recommend" ><i class="fas fa-thumbs-up"></i></button>
          <button type="button" title="인기순" class="btn btn-sm btn-secondary so {% if so == 'popular'   %}active{% endif %}" data-so="popular" ><i class="fas fa-fire"></i></button>
        </div>

박응용 님

2020년 11월 11일 8:39 오전

댓 글 |

감사합니다 active 속성을 추가하는 것 같군요. 혹시 btn-secondary so 클래스를 btn-primary so 로 바꿀수있습니까? - alswhddh3님, 2020년 11월 11일 9:03 오전 , 대댓글

@alswhddh3님 네 그냥 바꾸시면 됩니다. -

박응용님, 2020년 11월 11일 9:14 오전 , 대댓글