我可以在 YUI 菜单中创建一个不是菜单项的项目吗

发布于 2024-07-14 23:32:17 字数 737 浏览 7 评论 0原文

我有一个基于 YUI 菜单顶栏导航菜单/developer.yahoo.com/yui/examples/menu/topnavfrommarkup_source.html" rel="nofollow noreferrer">此示例。

我希望能够向其中插入充当标题而不是菜单项的项目。例如，我可能有一个不同类别的产品列表，并且我想要每个类别都有一个类别标题。我不需要子菜单 - 我想要菜单内的标题。

我希望它像这样做一样简单：（

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

并且显然定义了 menuHeading 样式）。

这实际上是有效的 - 只要该项目出现在菜单中的正确位置即可。但它的行为就像一个菜单项（当我将其鼠标悬停时，它会以蓝色突出显示）。我检查了 Chrome 中的 DOM，发现 YUI 菜单 javascript 实际上添加了以下类 'yuimenuitem' 并为其提供了生成的 ID。

有没有一种“官方”的方法来做我想做的事情，或者我必须诉诸一些黑客，我想只是将 menuHeading 类更改为当我将鼠标悬停在它上面时具有白色背景，但是如果没有必要，我宁愿不这样做。

原文

I have a YUI menu top bar navigation menu based from this example.

I'd like to be able to insert items to it that serve as captions and not menu items. For instance I may have a list of products in different categories, and I want a category heading for each. I don't want submenus - I want headings WITHIN the menu.

I was hoping it was as simple as doing this :

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

(and obviously defining the menuHeading style).

This actually works - insomuch as the item appears in the menu in the correct position. But it behaves as a menu item (highlights in blue when I rollover it). I inspected the DOM in Chrome and it appears that the YUI menu javascript is actually adding the following class 'yuimenuitem' and giving it a generated ID.

Is there an 'official' way to do what I want or do I have to resort to some hack, I'm thinking just changing the menuHeading class to have a white background when I hover over it, but I'd rather not do that if I don't have to.

分享到QQ

分享到微博