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 *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

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! »

  • Irene (20 horas)
    I used www.zerobounce.net and it is an amazing platform for…
  • Felipe Albornoz (2 días)
    Agradecido. Saludos.
  • Joel (2 semanas)
    Este grupo es buenísimo hay personas de todo el mundo…
  • Citricus (2 semanas)
    Análisis muy buenos y detallados: Crypto Trading Campus https://t.me/cryptotradingcampus
  • Vane (2 meses)
    Hola muy buena información, en lo personal mino con Javascript…
  • Gabriel Roncancio (2 meses)
    Hola Pedro, gracias por compartir. Tu artículo me dió algunas…

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