Clever - meniurile verticale în jquery în 2 minute

Acum, hai sa vorbim despre modul de 2 minute pentru a face meniul drop-down, nu este lipsit de creier pe script-ul, fara a fi nevoie de module suplimentare.

Să presupunem că avem un astfel de menaj primar:







Sarcina.
Când faceți clic pe un element de meniu care nu are un submeniu, ar trebui să se deschidă o pagină nouă (ca în meniul obișnuit). Și dacă elementul de meniu are un submeniu, atunci pagina nu trebuie deschisă, însă submeniul ar trebui să iasă. Este necesar să scrieți un script "inteligent" care să urmeze acest lucru.

Soluția
Mai întâi afișăm meniul din primaira de care avem nevoie. Este posibil prin bloc, este posibil prin pagina.tpl.php. la care este mai convenabil. De obicei derivez al doilea mod:

În general, meniul a fost afișat. Pentru el, următoarele css:

Acum rămâne să creați un script care să extindă elementele de meniu care au submeniuri. Creați fișierul menu.js și adăugați următorul text:

Conectăm scriptul nostru la șablon. Curățați memoria cache. Verificați, bucurați-vă.

În același mod, puteți face un meniu orizontal, modificând ușor css-ul.

Multumesc Zheka)
2 întrebări:
1. Care este diferența dintre ieșirea dvs. prymari în pagerul de php din astfel de:






ecou temă # 40; „Link-uri“. $ primary_links # 41; ;
Ce este mai mult kosher?

2. Am văzut multe lecții despre crearea unui meniu pop-up. Și tot timpul îi dau vina pe dezvoltator, spunând: "Ce faci prin Jakeover, de ce să le conectezi, pentru că poți să faci și să faci asta pe css". Întrebare: explicați când puteți și ar trebui să includeți js))

Shl: după drupal-bere, am greu cu compoziția cuvintelor din fraze și ați câștigat 2 articole zabatsal))

1. Versiunea pe care ați scris-o, afișează numai nivelul superior al meniului. Și opțiunea pe care am folosit-o în acest articol este întregul meniu cu atașamente.
2. În drupal în ansamblul standard există o bibliotecă Jquery, deci orice nu este necesar să vă conectați. Câteva linii de cod - și totul funcționează)

Splash, mulțumesc pentru manual. Doar sarcina este de a crea un astfel de meniu. Mai târziu, voi scrie rezultatele.

Un admirator secret a scris:

Nu funcționează, nu se extinde când meniurile derulante se află în sus

Nu ar trebui să funcționeze atunci când o mutați, dar când faceți clic

Un admirator secret a scris:

Bine, a funcționat. Întrebarea este cum să faceți colapsul meniului când faceți clic?

Submeniul va fi îndoit când faceți clic pe elementul pe care l-ați deschis submeniul. În script, la urma urmei, funcția slideToggle (200) este specificată - aceasta înseamnă că se ascunde, dacă este deschisă și se deschide dacă este închisă

Faptul este că nu aveți nicăieri un submeniu. , Tick explodată (extins), astfel încât sub-meniul de ieșire, este necesar să se mute la / admin / build / menu-customizare / primare-link-uri și elemente care au submeniuri. Ar trebui să ajute







Trimiteți-le prietenilor: