2026, 새로운 도약을 시작합니다.

장바구니 담기 버튼 한 번 더 클릭 시 해제 채택완료

list.10.skin.php

Copy

https://sir.kr/qa/449710?stx=style_class&sst=wr_num&sop=and&unanswered=0&unadopted=0&adopted=0&s_tag=

글 가져와서 장바구니 버튼 클릭 시 장바구니로 담겨지면서 style_class를 주는 작업을 했는데,

버튼을 한 번 더 클릭 시 style_class 클래스를 없애고 새로운 클래스를 줄 방법은 없을까요?!

감사합니다.

답변 2개

채택된 답변
+20 포인트

클릭시 변수를 true false 기준으로 체크와 해제 되도록 처리가 가능한 부분입니다.

Copy




var style_class = false;

$('.btn_cart').on('click', function(){

 if(style_class){

  $(this).removeClass('button_on');

  style_class = false;

 }else{

  $(this).addClass('button_on');

  style_class = true;

 }

});

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

답변감사합니다.
장바구니를 담으면 style_class와 button_on은 붙지만 새로고침이 되면서 button_on은 사라지기때문에 button_on은 자연스럽게 버튼이 활성화되기위한 transition역할로 사용하고있습니다!
장바구니에 들어갔을때 고정으로 활성화된 style_class를 없앨 방법은 없을까요?
장바구니에 담겨 있는 상품이 있을경우라면 장바구니의 상품여부를 체크해서 할수 있는 방법이 있긴 하지만 db에 기준값으로 체크하는 방법이 있긴 합니다.

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

if($(this).hasClass('button_on')) {
    $(this).removeClass('button_on');
    $(this).addClass('button_new');
    return false;
} 
$(this).addClass('button_on');
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

답변 정말 감사합니다.
button_on 클래스를 주는 스크립트는 새로고침하면서 사라져서
$in_cart인 style_class 부분을 버튼 클릭 시 사라지게 할 수는 없을까요?

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

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

로그인
🐛 버그신고