21 de octubre de 2019

:: jQuery. Funciones Callback

Javascript se ejecuta línea a línea; sin embargo -al trabajar con efectos- la siguiente línea de código podría ejecutarse antes de que finalizara el efecto, lo que podría ser fuente de errores.
Para evitar este caso, podemos crear una función "Callback", la cual es ejecutada después de que termine el efecto.

La sintáxis típica es: $(selector).hide(velocidad, funcionCallback);


En este caso, el "alert" se ejecuta una vez haya finalizado el efecto.

$("button").click(function(){
  $("p").hide("slow", function(){
    alert("La línea se oculta ahora");
  });
});


En el siguiente ejemplo - sin utilizar funciones "callback"- el "alert" se ejecuta antes de que finalice el efecto.

$("button").click(function(){
  $("p").hide(1000);
  alert("La línea se oculta ahora");
});

No hay comentarios:

Publicar un comentario

Déjanos tu comentario

:: El principio YAGNI

YAGNI es el acrónimo de: " You Aren't Gonna Need It " (No lo va a necesitar) y es uno de los problemas más habituales en los p...