Función Callback de jQuery

La función Callback se ejecuta después de que la animación actual haya completado el 100%.

Problemas de animación de jQuery

Muchas funciones de jQuery involucran animación. Estas funciones pueden afectar velocidad o duración como parámetro opcional.

Ejemplo:$("p").hide("lento")

velocidad o duración Los parámetros pueden establecer muchos valores diferentes, como "lento", "rápido", "normal" o milisegundos.

Ejemplo

$("button").click(function(){
$("p").hide(1000);
});

Pruebe usted mismo

Dado que las instrucciones JavaScript (comandos) se ejecutan uno a uno - en orden, las instrucciones después de la animación pueden producir errores o conflictos de página, porque la animación aún no se ha completado.

Para evitar esta situación, puede agregar la función Callback como parámetro.

Función Callback de jQuery

Al completarse el 100% de la animación, se llama a la función Callback.

Gramática típica:

$(seleccionador).hide(velocidad,callback)

callback El parámetro es una función que se ejecuta después de la operación hide.

Incorrecto (sin callback)

$("p").hide(1000);
alert("El párrafo está ahora oculto");

Pruebe usted mismo

Correcto (con callback)

$("p").hide(1000,function(){
alert("El párrafo está ahora oculto");
});

Pruebe usted mismo

Conclusión:Si desea ejecutar una instrucción después de una función que implica animación, utilice la función callback.