Sfat rapid Elemente afișate în mod succesiv cu jQuery

În acest sfat rapid, vă voi învăța cum să adăugați un pic de fler la pagina dvs., afișând un set de elemente secvențial. Deși există numeroase modalități de a îndeplini această sarcină, astăzi vom examina o tehnică care utilizează funcții recursive.


Abonați-vă la pagina noastră YouTube pentru a viziona toate tutorialele video!
 // Blocarea, funcția de auto-invocare împiedică globalele (funcția (// // Ascunde elementele inițial var lis = $ ('li') hide (); // Când se face clic pe o etichetă ancoră. ('a'), faceți clic pe (funcția () var i = 0; // FadeIn fiecare element de listă peste 200 ms și, atunci când terminați, apelați în mod recursiv displayImages. nu există, // jQuery va returna un obiect gol și nu va continua // pentru a fadeIn (funcția displayImages () lis.eq (i ++) fadeIn (200, displayImages);) ();); ) ();

Concluzie

Ceea ce face ca această utilizare să fie eficientă este faptul că, când lis.eq (i) se referă la un element care nu există în setul înfășurat, un obiect jQuery gol va fi returnat. Când se întâmplă acest lucru, metodele ulterioare din lanț (fadeIn) nu va fi niciodată chemat.

Cod