Share
In diesem kurzen Videotipp werde ich Ihnen zeigen, wie Sie Ihrer Seite ein wenig Flair hinzufügen können, indem Sie eine Reihe von Elementen nacheinander anzeigen. Obwohl es viele Möglichkeiten gibt, diese Aufgabe zu erledigen, werden wir heute eine Technik untersuchen, die rekursive Funktionen verwendet.
Accentsconagua
// Wrapping, selbstaufrufende Funktion verhindert Globals (function () // Die Elemente anfangs ausblenden. Var lis = $ ('li'). Hide (); // Wenn ein Ankertag angeklickt wird (hier sehr generisch) $ ('a'). click (function () var i = 0; // FadeIn jedes Listenelement über 200 ms, und //, wenn es fertig ist, reihen Sie displayImages auf. // Wenn eq (i) auf ein Element verweist ist nicht vorhanden, // jQuery gibt ein leeres Objekt zurück und // geht nicht zu fadeIn. (Funktion displayImages () lis.eq (i ++). fadeIn (200, displayImages);) ();;) ) (); Was diese Anwendung effektiv macht, ist die Tatsache, wann lis.eq (i) bezieht sich auf ein Element, das in der umschlossenen Gruppe nicht vorhanden ist, wird ein leeres jQuery-Objekt zurückgegeben. In diesem Fall werden die nachfolgenden Methoden in der Kette (einblenden) wird nie angerufen.
