Lo que pasa es que no le asignas una función a ejecutar, por eso no ocurre nada.
Código Javascript
:
Ver originalfunction 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
:
Ver original$('#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