Estou seguindo o curso de jquery parte 2, e percebi que uma função opicional que eu implementei na parte 1 não está funcionando. Trata-se de desativar o "botao-reiniciar". O código está assim:
function inicializaCronometro() {
campo.one("focus", function() {
var tempoRestante = $("#tempo-digitacao").text();
$("#botao-reiniciar").attr("disabled",true);
var cronometroID = setInterval(function(){
tempoRestante--;
$("#tempo-digitacao").text(tempoRestante);
if (tempoRestante < 1) {
clearInterval(cronometroID);
finalizaJogo();
}
}, 1000);
});
};
function finalizaJogo(){
campo.attr("disabled", true);
campo.toggleClass("campo-desativado");
inserePlacar();
$("#botao-reiniciar").attr("disabled", false);
}
acontece que mesmo mudando o atributo disabled no botão, eu continuo podendo clicar nele sem problemas, o que causa alguns bugs.
a função attr() está funcionando normalmente para o objeto "campo", que fica desabilitado quando necessário. Também realizei alguns testes e eu consigo mudar alguns outros atributos sem problemas, o problema está em tornar esse botão disabled. O que pode estar acontecendo?