如何在提交按鈕後延遲刪除類？

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/

乾杯， Kessi

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部分錯線。