Share
I denne videoens hurtige tips lærer jeg deg hvordan du legger til litt stil på siden din, ved å vise et sett med elementer i rekkefølge. Selv om det er mange måter å oppnå denne oppgaven, vurderer vi i dag en teknikk som bruker rekursive funksjoner.
Accentsconagua
// Wrapping, self invoking funksjonen forhindrer globals (funksjon () // Skjul elementene i utgangspunktet var lis = $ ('li'). Hide (); // Når noen anker tag er klikket. (Å være super generisk her) $ ('a'). klikk (funksjon () var i = 0; // FadeIn hvert liste element over 200 ms, og / / når ferdig, rekursivt ring displayImages. // Når eq (i) refererer til et element som eksisterer ikke, // jQuery vil returnere en tom objekt, og ikke fortsette // til fadeIn. (funksjon displayImages () lis.eq (i ++). fadeIn (200, displayImages);) ();); ) (); Det som gjør denne bruken effektiv er det faktum at når lis.eq (i) refererer til et element som ikke eksisterer i det innpaknede settet, vil et tomt jQuery-objekt bli returnert. Når dette skjer, vil de etterfølgende metodene i kjeden (fadeIn) vil aldri bli kalt.
