Legördülő menü jquery, webfejlesztés
Tehát az első dolog, amit inicializálása könyvtár jquery.js. Kívánatos, hogy csatlakoztassa a szakasz
dokumentumot:Itt mi a következő dolgokat:
- amikor a DOM dokumentum fa kész, akkor fut a hurok az egész almenü (ul # my-menü ul);
- minden iterációban szánunk osztály „összecsukható” linkre, amely felelős az almenü;
- ugyanazt a linket hozzá egy eseménykezelő „click”, amely attól függően, hogy az állam az almenü nyilvánosságra vagy elrejteni.
- onlick visszatér „hamis”, úgy, hogy nem fordulhat elő egy linket.
Próbáljuk piszkálni az eredmény:
Úgy gondolom, hogy ha elrejti például al-menü „termékek”, majd nyissa meg - unokavállalat kell zárni, nem számít, milyen helyzetben voltak korábban. Ezért hozzá a visszahívás funkciót slideUp módszer a következő sort:
Elvileg kész menü. Azonban, akkor lefagy egy pár kis kütyü. Például végrehajtott tárolás menü a nyitottság lesz más oldalakon. Mi ezt egy sütit. A jelentés - amikor a menü, a cookie tárolja jelölést a formában „submenuMark-xx =” nyitott, ahol xx - sorszám (index) az almenü ezen a listán az almenüt. Ennek megfelelően, ha zárt - bejegyzés törlésre kerül a cookie-t.
Együttműködik a cookie lesz könnyen kezelhető bővítmény jquery.cookie.js. Töltsd le és dugja mellett jquery. Most írjon egy pár hasznos függvényt dolgozik a cookie-:
Ha a dokumentum betöltve, azt kell látni, hogy mi az almenü jelölt a cookie-kat, és nyissa meg őket. Ezért illessze be a következő kódrészletet, hogy végigjárjuk az összes podmenyushkam:
Amint láthatjuk, most már van egy CSS-osztályok „tágabb”, „összeomlott”, és a „összecsukható” - így is díszít egy kicsit Étlapunkon CSS.
És az utolsó érintés - bárhol a kódunk nyitja vagy zárja az almenü, a hívást megfelelő cookie-funkciót. Hogy nem fogom leírni - láthatjuk a kész forgatókönyvet. Tehát nézd meg a kész menü:
Mentése a helyzet a menü egy cookie-t, akkor ellenőrizze, hogy a piszkálni a linkekre, és újratölti az oldalt - almenü megtartják.
Tekintse meg a forráskód lehet a csatolt fájlt. Sok szerencsét!