Mostrar elementos secuencialmente con Jquery

Mostrar elementos secuencialmente con Jquery

Desde el siguiente vídeo consejo, podremos aprender como hacer para mostrar los elementos de un listado que aparezcan secuencialmente mediante Jquery. Hay muchas formas de llevar a cabo esta tarea pero la que comenta el video tutorial es una de ellas y no esta del todo mal porque es bastante sencillo y no incluye mucho código. Se trata de una técnica para utilizar funciones recursivas.

(function() {
   // Inicialmente ocultamos todos los elementos del listado
   var lis = $('li').hide();

   // El desencadenante es en este caso un anchor, un enalce. Esto es muy generico pero se puede customizar, claro.
   $('a').click(function() {
      var i = 0;

      // Hacemos un FadeIn a cada elemento del listado cuando llega a los 200 ms, despues,
      // cuando ha terminado, recursivamente se llama a displayImages.
      // Cuando eq(i) hace referencia a un elemento que no existe,
      // jQuery devolverá un objeto vacio y no continuará haciendo fadeIn
      (function displayImages() {
         lis.eq(i++).fadeIn(200, displayImages);
      })();
   });
})();

Lo que hace este uso efectivo es el hecho de que, cuando lis.eq (i) se refiere a un elemento que no existe en el conjunto, se devuelve un objeto vacio jQuery. Cuando esto sucede, los métodos posteriores de la cadena (fadeIn) nunca será llamados.

Fuente: http://net.tutsplus.com/

Tags de búsquedas:

funciones recursivas en jQuery,delay javascript,jquey aparecer secuencialmente un conjunto de imágenes,lista recursiva jquery,listar todos los elementos jquery,mostrar publicidad con jquery,mostrar una lista secuencialmente en html,objeto vacio jquery,secuencial de divs

Noticias relacionadas »

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Invertir en criptomonedas: »

 

Cómo comprar bitcoin

Invertir y comprar Bitcoin y otras altcoins es más fácil de lo que crees.

1) Si sólo quieres comprar Bitcoin, Ethereum o Litecoin como inversión, tu opción es Coinbase

2) Si quieres probar con otras criptomonedas tu opción es Binance

3) Cualquier duda escríbeme con total libertad al formulario de contacto para resolver dudas: https://www.pedroventura.com/contacto/

¡Comparte este artículo! »

  • Zein (1 día)
    EXELENTEE!!! MIL PUNTOS PARA TI! si me funcionó a la…
  • señales cryptowhale (2 días)
    https://t.me/SignalsWins
  • carlos hernandez (1 semana)
    Hola, hay alguna funcion k sirva para saber el correo…
  • steven (3 semanas)
    tengo un problema me sale este error cuando pongo data:…
  • lewis rod (4 semanas)
    https://t.me/joinchat/Hs_yUFG_xDVJ-PS3cWEYAw este es el enlace me equivoque.
  • lewis rod (4 semanas)
    https://t.me/joinchat/Hs_yUBDhw2Uk7D3D835GJQ grupo de telegram latino sudamericano peru, colombia, ecuador, chile,…

Suscríbete al newsletter »

Proporciona tu correo electrónico a continuación y recibe las últimas noticias! Funciona con Feedburner de Google

Archivo »

Leer entrada anterior
¿Cómo añadir el boton follow de Twitter en tu web o blog?

Hace unas cuantas semanas apareció el botón follow de twitter, y ya está bastante extendido por muchos blogs y sites....

Cerrar