여기 홈페이지에서 추천순 , 최신순 처리
추천순에서 최신순으로 바뀔때마다 해당 클릭한 버튼의 클래스가 바뀌는 것 같습니다.
하지만 따라해봐도 위의 url이 바뀌기때문에 클래스 이름이 바뀌여도 다시 초기화 됩니다. 방법 알려주시면 감사하겠습니다.
요약 :
그냥 클래스 이름변경하는 함수를 사용하면 변경이됨,
근데 클릭하면 클릭이벤트중에 url이 변경되기 때문에 변경되어 보여지는 html 에서는 클래스이름이 바뀌지않음.
답변주시면 감사하겠습니다.ㅠㅠㅠㅠㅠ
alswhddh3 님 518
2020년 11월 10일 5:47 오후
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 오전