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

:: CSS. Imagen redonda

  Para lograr una imagen redonda con CSS los estilos a aplicar son los siguientes: .box{    background-color: #fff;    width: 100px;    h...