요소에 특정 CSS 값이있는 경우 수행

Question

내 버튼을 클릭하면이 복사본의 텍스트가 변경된 후
텍스트의 색상이 변경되어 다른 작업을 수행하려고합니다.

나는 다음을 썼다, 그러나 작업 콘솔을 얻을 수 또는 경고하지 않다 :

$('#my_button').unbind('click').bind('click', function() { 

    $(this).css('background', '#666666'); 
    $('#my_button').css('color', '#f58733'); 

    if ($('#my_button').css('color') == '#f58733') { 
     alert('my_button has the color orange'); 
    } 

}); 

http://codepen.io/leongaban/pen/IltKJ

은 내가 Tamas's answer here에서 발견 된 CSS를 시도했다.

경고가 표시되지 않는 이유에 대한 의견이 있으십니까?

Answer 1

대신이 시도 :

Codepen

$('#my_button').unbind('click').bind('click', function() { 
    $(this).addClass('clicked'); 
    if ($('#my_button').is('.clicked')) { //or use $('#my_button').hasClass('clicked') 
     alert('my_button has the color orange'); 
    } 
}); 

Answer 2

내가 크롬에서 테스트 코드를 .... 업데이트 : 여기

$('#my_button').unbind('click').bind('click', function() { 

$(this).css('background', '#666666'); 
$('#my_button').css('color', '#f58733'); 

var color = $('#my_button').css('color'); 
alert(color); 

if(color == 'rgb(245, 135, 51)'){ 
alert('Hi'); 
} 

}); 

확인 : http://codepen.io/anon/pen/Dilux