Posso creare una voce in un menu YUI che NON è una voce di menu
Domanda
Ho un menu YUI menu di navigazione della barra superiore basato su questo esempio .
Mi piacerebbe essere in grado di inserire elementi che fungono da didascalie e non voci di menu. Ad esempio, potrei avere un elenco di prodotti in diverse categorie e desidero un'intestazione di categoria per ciascuno. Non desidero sottomenu - Voglio titoli all'interno del menu.
Speravo fosse semplice come farlo:
<li class="menuHeading">Heading</li>
(e ovviamente definendo lo stile menuHeading
).
Funziona davvero, a condizione che la voce appaia nel menu nella posizione corretta. Ma si comporta come una voce di menu (evidenzia in blu quando lo rollover). Ho controllato il DOM in Chrome e sembra che il menu YUI javascript stia effettivamente aggiungendo la seguente classe 'yuimenuitem'
e dandogli un ID generato.
Esiste un modo "ufficiale" per fare ciò che voglio o devo ricorrere a qualche hack, sto pensando di cambiare la classe menuHeading
per avere uno sfondo bianco quando passo sopra ma preferirei non farlo se non dovessi.
Soluzione
Il menu YUI supporta le intestazioni integrate: sono chiamati titoli di gruppo. Esistono due esempi di menu YUI che illustrano come titoli dei gruppi:
http://developer.yahoo.com/yui/examples/menu /example05.html http://developer.yahoo.com/yui/examples/menu/example06. html