Share
In deze snelle video-tip leer ik je hoe je een beetje flair kunt toevoegen aan je pagina door achtereenvolgens een reeks elementen weer te geven. Hoewel er tal van manieren zijn om deze taak uit te voeren, zullen we vandaag een techniek bekijken die recursieve functies gebruikt.
Accentsconagua
// Wrapping, self-invoking-functie voorkomt globals (function () // Verberg de elementen aanvankelijk var lis = $ ('li'). Hide (); // Wanneer op een ankertag is geklikt. (Super generiek zijn hier) $ ('a'). klik (functie () var i = 0; // FadeIn elk item in de lijst meer dan 200 ms, en // wanneer voltooid, recursief call displayimages. // Wanneer eq (i) verwijst naar een element dat bestaat niet, // jQuery retourneert een leeg object en blijft niet // to fadeIn. (function displayImages () lis.eq (i ++). fadeIn (200, displayImages);) ();); ) (); Wat dit gebruik effectief maakt, is het feit dat, wanneer lis.eq (i) verwijst naar een element dat niet bestaat in de ingepakte set, een leeg jQuery-object zal worden geretourneerd. Wanneer dit gebeurt, worden de volgende methoden in de keten (fadeIn) zal nooit worden gebeld.
