Могу ли я сделать пункт в меню 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