En este consejo rápido de video, te enseñaré cómo agregar un poco de estilo a tu página, al mostrar un conjunto de elementos de forma secuencial. Si bien existen numerosas formas de realizar esta tarea, hoy revisaremos una técnica que usa funciones recursivas.
// Ajustar, la función de invocación automática evita los elementos globales (función () // Ocultar los elementos inicialmente var lis = $ ('li'). Hide (); // Cuando se hace clic en alguna etiqueta de ancla. (Siendo super genérico aquí) $ ('a'). haga clic en (función () var i = 0; // FadeEn cada elemento de la lista en más de 200 ms, y, // cuando termine, llame repetidamente a displayImages. // Cuando eq (i) se refiere a un elemento que no existe, // jQuery devolverá un objeto vacío, y no continuará // a fadeIn. (función displayImages () lis.eq (i ++). fadeIn (200, displayImages);) ();); ) ();
Lo que hace efectivo este uso es el hecho de que, cuando lis.eq (i)
se refiere a un elemento que no existe en el conjunto envuelto, se devolverá un objeto jQuery vacío. Cuando esto sucede, los métodos posteriores en la cadena (fundirse
) nunca será llamado.