jquery - 提交按钮延迟后如何删除课程？

Question

我对提交按钮进行了延迟，并添加了一个类，该类为按钮提供了灰色。

$(document).ready(function () {
    $('#buttonDelay').click(function() {
        var delay =  $(this);
        delay.addClass('inactive');
        delay.prop('disabled', true);
        setTimeout(function() {
            delay.prop('disabled', false);
        }, 8000).removeClass('inactive');                      
    });
});

现在我想删除“非活动”类，以便按钮恢复原来的颜色。但是上面的代码不起作用。有人有什么想法吗？

另见：http: //jsfiddle.net/wPaUv/9/

干杯，凯西

Answer 1

removeClass是一个 jQuery 方法，你不能用setTimeout函数链接它。

$(document).ready(function () {
    $('#buttonDelay').click(function() {
        var delay =  $(this);
        delay.prop('disabled', true).addClass('inactive')
        setTimeout(function() {
            delay.prop('disabled', false).removeClass('inactive');
        }, 8000);
    });
});

http://jsfiddle.net/yphKm/

Answer 2

$(document).ready(function () {
$('#buttonDelay').click(function() {
    var delay =  $(this);
    delay.addClass('inactive');
    delay.prop('disabled', true);
    setTimeout(function() {
        delay.prop('disabled', false).removeClass('inactive');
    }, 8000);                      
});
});

您刚刚将 removeClass 部分添加到错误的行。