¿Qué son las funciones de devolución de llamada en jQuery?
Las declaraciones de JavaScript se ejecutan línea por línea, pero porque lleva una cierta cantidad de tiempo. complete los efectos especiales de jQuery, la siguiente línea de código es muy probable que la siguiente línea de código se ejecute mientras el efecto anterior aún se está ejecutando, por lo que para evitar que esto suceda, jQuery proporciona una función de devolución de llamada para cada método de efecto. . A continuación, le explicaré qué es una función de devolución de llamada y cómo implementarla en este artículo.
Curso recomendado: Tutorial de jQuery
El significado de la función de devolución de llamada:
La función de devolución de llamada, también conocida como función de devolución de llamada, se ejecuta después de la animación actual. está 100% completado. La función de devolución de llamada es un método especial para pasar parámetros, que generalmente se muestra como el último parámetro del método.
Ejemplo: slideToggle() La sintaxis básica de un método de efecto jQuery con una función de devolución de llamada es la siguiente:
$(selector).slideToggle(duration, callback); ahora La animación slideToggle() y la declaración alert() están juntas. Vea lo que sucede con la página
h1{
background:pink;
color:#fff;
padding:20px;
}
$(documento).ready(función(){
$("botón").click(función(){
$( " h1").slideToggle("slow");
alert("Efecto de diapositiva realizado");
});
}); p >
Sitio web PHP chino
La representación es la siguiente:
Cuando hacemos clic en el botón, aparecerá un cuadro arriba; cuando hacemos clic en confirmar, el elemento h1 desaparece; cuando volvemos a hacer clic en el botón y confirmamos, aparece h1; Descubriremos que el cuadro emergente se mostrará inmediatamente después de que se active el botón, sin esperar a que se complete el efecto de transición de diapositiva
Uso de la función de devolución de llamada:
Poner la alerta () en la función de devolución de llamada, como se muestra en el siguiente código
$(document).ready(function(){
$(" botón").click(function( ){
$("h1").slideToggle("slow",function(){
alert("Efecto de diapositiva realizado");
} );
});
}); Efecto:
Después de agregar la función de devolución de llamada, aparecerá un cuadro emergente. solo después de que se complete el efecto de animación jQuery.
Resumen: