この例に基づいたYUI メニュートップ バー ナビゲーション メニューがあります。
メニュー項目ではなくキャプションとして機能する項目を挿入できるようにしたいと思います。たとえば、さまざまなカテゴリの製品のリストがあり、それぞれにカテゴリの見出しが必要だとします。サブメニューは必要ありません。メニュー内に見出しが必要です。
私はそれがこれを行うのと同じくらい簡単であることを望んでいました:
<li class="menuHeading">Heading</li>
(そして明らかにスタイルを定義しmenuHeading
ます)。
これは実際に機能します - アイテムがメニューの正しい位置に表示される限り。ただし、メニュー項目として動作します (ロールオーバーすると青色で強調表示されます)。Chrome で DOM を調べたところ、YUI メニューの JavaScript が実際に次のクラスを追加し'yuimenuitem'
、生成された ID を与えているようです。
私がやりたいことを行うための「公式の」方法はありますか、またはハックに頼らなければなりません。menuHeading
クラスにカーソルを合わせたときに白い背景を持つようにクラスを変更することだけを考えていますが、私はする必要はありません。