Kann ich einen Artikel in einem YUI-Menü vornehmen, der NICHT ein Menüpunkt ist

Question

Ich habe einen YUI-Menü oberen Leiste Navigationsmenü auf Basis von dieses Beispiel .

Ich möchte in der Lage sein, Elemente, um es einzufügen, die als Titel und nicht Menüpunkte dienen. Zum Beispiel kann ich eine Liste von Produkten in verschiedenen Kategorien hat, und ich möchte eine Kategorie für jede Position. Ich habe keine Untermenü will -. Ich will Schriften im Menü

Ich hatte gehofft, es so einfach war, wie zu tun:

 <li class="menuHeading">Heading</li>

(und natürlich die Definition des menuHeading Stil).

Das funktioniert tatsächlich - so sehr, wie das Element in der richtigen Position im Menü angezeigt wird. Aber es verhält sich wie ein Menüpunkt (Highlights in blau, wenn ich es Rollover). Ich inspizierte das DOM in Chrome und es scheint, dass das YUI-Menü Javascript tatsächlich die folgende Klasse 'yuimenuitem' erweitert und eine generierte ID geben.

Gibt es einen ‚offiziellen‘ Weg zu tun, was ich will oder muß ich bis zu einem gewissen Hack zurückgreifen müssen, ich denke nur die menuHeading Klasse Ändern einen weißen Hintergrund zu haben, wenn ich den Mauszeiger über sie, aber ich würde lieber das nicht tun, wenn ich nicht zu tun haben.

Answer 1

YUI-Menü hat die Unterstützung für eingebaute Überschriften - sie sind Gruppentitel genannt. Es gibt zwei YUI-Menü Beispiele, wie man Titelgruppen illustrieren:

http://developer.yahoo.com/yui/examples/menu /example05.html http://developer.yahoo.com/yui/examples/menu/example06. html