Question

单击我的按钮时，我会更改文本的颜色，在此副本更改文本后，我想要执行另一个操作。

我写了以下内容，但无法获得控制台或警报工作：的 http://codepen.io/leongaban/pen/IltKJ

$('#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');
    }

});

我尝试了从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

我更新了您的代码....在Chrome中测试过：

$('#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

如果元素具有某个CSS值，请执行此操作

2 个答案: