Могу ли я сделать пункт в меню YUI, который НЕ является пунктом меню

У меня есть меню навигации верхней панели меню YUI на основе этого примера.

Я хотел бы иметь возможность вставлять в него элементы, которые служат заголовками, а не пунктами меню. Например, у меня может быть список продуктов в разных категориях, и я хочу заголовок категории для каждой. Я не хочу подменю - я хочу заголовки В меню.

Я надеялся, что это так же просто, как сделать это:

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

(и, очевидно, определяя menuHeading стиль).

Это на самом деле работает - так как пункт появляется в меню в правильном положении. Но он ведет себя как пункт меню (подсвечивается синим цветом, когда я его переворачиваю). Я проверил DOM в Chrome, и кажется, что JavaScript меню YUI фактически добавляет следующий класс 'yuimenuitem' и давая ему сгенерированный идентификатор.

Есть ли "официальный" способ сделать то, что я хочу, или я должен прибегнуть к какому-то хаку, я думаю, просто изменив menuHeading у меня будет белый фон, когда я наведусь на него, но я бы не стал этого делать, если бы мне это не нужно.

1 ответ

Решение

В YUI Menu встроена поддержка заголовков - они называются заголовками групп. Есть два примера меню YUI, которые иллюстрируют, как называть группы:

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

Другие вопросы по тегам