코드가 끝나기 전에 CSS가 변경됩니다.

Question

이 질문에 대한 질문이 이미 제기되었지만 Google에 적합한 키워드를 찾을 수 없습니다. 나는 내 질문에 대한 좋은 제목조차 찾을 수 없다. 나는이 작업을 수행 할 수 :

$(".selector").click(function() { 
    $(this).css("background-color", "red"); 
    if (confirm("Do you want to do this ?") { 
     // do this 
    } else { 
     $(this).css("background-color", "transparent"); 
    } 
}); 

그러나 CSS를 변경 I 확인 후에 만 ​​발생합니다. 확인 전에 (또는 확인 중에) 어떻게 발사 할 수 있습니까?

감사합니다.

Answer 1

지연 추가 (단지 0 밀리 초)라는 간단한 문제 일 것입니다. 그러면 확인 메시지가 나타나기 전에 페이지가 다시 표시됩니다.

$(".selector").click(function() { 
    $(this).css("background-color", "red"); 
    var _this = this; 
    function confirmCode(){ 
     if (confirm("Do you want to do this ?") { 
      // do this 
     } else { 
      $(_this).css("background-color", "transparent"); 
     } 
    } 
    setTimeout(function(){confirmCode()}, 0) 
}); 

편집 : 추가 된 전체 코드가 작동