Astuce afficher les éléments successivement avec jQuery

Dans cette astuce vidéo, je vais vous apprendre à ajouter un peu de flair à votre page en affichant un ensemble d'éléments de manière séquentielle. Bien qu'il existe de nombreuses façons d'accomplir cette tâche, nous allons aujourd'hui examiner une technique utilisant des fonctions récursives..


Abonnez-vous à notre page YouTube pour voir tous les tutoriels vidéo!
 // Enveloppant, la fonction invoquant elle-même empêche les globales (function () // Masque les éléments initialement var var = $ ('li'). Hide (); // Lorsque l'on clique sur une balise d'ancrage. (Étant générique ici) $ ('a'). click (function () var i = 0; // FadeIn chaque élément de la liste de plus de 200 ms, et // lorsque vous avez terminé, appelez displayImages de manière récursive. // Quand eq (i) fait référence à un élément qui n'existe pas, // jQuery retournera un objet vide et ne continuera pas // à fadeIn. (fonction displayImages () lis.eq (i ++). fadeIn (200, displayImages);) ();) ) ();

Conclusion

Ce qui rend cet usage efficace est le fait que, lorsque lis.eq (i) fait référence à un élément qui n'existe pas dans le jeu enveloppé, un objet jQuery vide sera renvoyé. Lorsque cela se produit, les méthodes suivantes de la chaîne (fadeIn) ne sera jamais appelé.