Suggerimento rapido visualizzare gli elementi in sequenza con jQuery

In questo video suggerimento rapido, ti insegnerò come aggiungere un po 'di talento alla tua pagina, visualizzando un insieme di elementi in sequenza. Sebbene esistano numerosi modi per eseguire questo compito, oggi esamineremo una tecnica che utilizza funzioni ricorsive.

Iscriviti alla nostra pagina YouTube per guardare tutti i tutorial video!

 // Wrapping, la funzione auto-invocazione previene i globali (function () // Nascondere gli elementi inizialmente var lis = $ ('li'). Hide (); // Quando si fa clic su un tag di ancoraggio. (Essendo super generico qui) $ ('a'). click (function () var i = 0; // FadeIn ogni voce dell'elenco oltre 200 ms e, // al termine, chiama ricorsivamente displayImages. // Quando eq (i) si riferisce a un elemento che non esiste, // jQuery restituirà un oggetto vuoto e non continuerà // a fadeIn. (function displayImages () lis.eq (i ++). fadeIn (200, displayImages);) ();); ) ();

---

Conclusione

Ciò che rende questo utilizzo efficace è il fatto che, quando lis.eq (i) si riferisce a un elemento che non esiste nel set avvolto, verrà restituito un oggetto jQuery vuoto. Quando ciò accade, i metodi successivi nella catena (fadeIn) non sarà mai chiamato.