У меня есть меню YUI меню навигации в верхней панели на основе этого примера .
Я хотел бы иметь возможность вставлять в него элементы, которые служат в качестве заголовков, а не пунктов меню. Например, у меня может быть список продуктов в разных категориях, и я хочу заголовок категории для каждой. Я не хочу подменю - я хочу заголовки В меню.
Я надеялся, что это так же просто, как сделать это:
<li class="menuHeading">Heading</li>
(и, очевидно, определяет стиль menuHeading
).
Это на самом деле работает - так как элемент отображается в меню в правильном положении. Но он ведет себя как пункт меню (выделяется синим цветом, когда я его переворачиваю) Я проверил DOM в Chrome, и оказалось, что JavaScript меню YUI фактически добавляет следующий класс 'yuimenuitem'
и присваивает ему сгенерированный идентификатор.
Есть ли «официальный» способ сделать то, что я хочу, или мне нужно прибегнуть к какому-то хаку, я думаю, просто изменив класс menuHeading
, чтобы он имел белый фон при наведении на него курсора, но я Я бы не стал этого делать, если мне не нужно.