質問
メニュー項目ではなくキャプションとして機能する項目を挿入できるようにしたい。たとえば、異なるカテゴリの製品のリストがあり、各カテゴリの見出しが必要な場合があります。サブメニューは必要ありません-メニュー内に見出しが必要です。
これを行うのと同じくらい簡単であることを望んでいました:
<li class="menuHeading">Heading</li>
(および明らかに menuHeading
スタイルを定義)。
これは実際に機能します-アイテムがメニュー内の正しい位置に表示される限りです。ただし、メニュー項目として動作します(ロールオーバーすると青色で強調表示されます)。 ChromeでDOMを調べたところ、YUIメニューjavascriptは実際に次のクラス 'yuimenuitem'
を追加し、生成されたIDを与えているようです。
私がやりたいことを行う「公式な」方法はありますか、ハックに頼らなければなりません。ホバーするときに menuHeading
クラスを白の背景に変更することを考えていますそれが、私がする必要がないなら、私はむしろそれをしたくない。
解決
YUIメニューには組み込みの見出しがサポートされています-それらはグループタイトルと呼ばれます。グループにタイトルを付ける方法を示す2つのYUIメニューの例があります。
http://developer.yahoo.com/yui/examples/menu /example05.html http://developer.yahoo.com/yui/examples/menu/example06。 html