コードの終わりの前に火災のCSSの変更

Question

私はこの質問が既に頼まれていると確信していますが、グーグルとフィードするための良いキーワードを見つけることができません。私は私の質問の良いタイトルを見つけることさえできません。 私はこれをしたい：

$(".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の変更は、私が確認した後にのみ起動されます。確認の前に（または確認中に）どのようにして発射できますか？

ありがとうございました。

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) 
}); 

編集：追加の完全なコード