[SOLUCIONADO] Desactivar/activar un boton

[alrockbit]

Hola a todos. Mi problema es que estoy intentando que un boton, al pulsarlo, solo se ejecute una vez, es decir, desactivarlo una vez pulsado una vez. Pero luego, quiero activarlo de nuevo.

Código:

$('#continuar').click(function() {
		$('#continuar').unbind('click'); 
		
		$( "#final" ).fadeOut(1800,function() {
			$('#continuar').bind('click'); 
		});
}

Se supone que el boton '#continuar' está dentro de la capa "#final" . Se desactiva bien y solo funciona la primera vez que hago click. Luego la capa desaparece con fadeOut, pero luego, mas tarde no se vuelve a activar el boton cuando vuelvo a mostrar la capa "#final". Creo que es de un mal uso del bind, verdad?

[Alexis88]

Lo que pasa es que no le asignas una función a ejecutar, por eso no ocurre nada.

Código Javascript:

function fn(){
    console.log("foo");
}
 
$('#continuar').on("click", function(){
    var self = $(this); //Tomo una referencia del elemento actual
    fn(); //Ejecuto la función
    self.off("click"); //Desvinculo el evento del elemento actual
        
     $("#final").fadeOut(1800,function() {
          self.on("click", fn); //Vinculo el evento al elemento actual asignándole la función 'fn'
     });
});
 

La única diferencia estará en que, la segunda vez que des un clic al elemento, ya no ocultarás al elemento de id 'final', solo se ejecutará la función 'fn'.

Otra alternativa de solución consiste en deshabilitar al elemento y volver a habilitarlo.

Código Javascript:

$('#continuar').on("click", function(){
    var self = $(this);
    console.log("foo");
    self.prop("disabled", true); //Deshabilito al elemento
        
    $("#final").fadeOut(1800,function() {
        self.prop("disabled", false); //Habilito al elemento
    });
});
 

Saludos

[alrockbit]

Muchas gracias, problema resuelto.