2

少なくとも 2 レベルのサブメニューを持つ水平メニューを作成しようとしています。すべてのサブメニューは垂直です。

Submenu1 はその親のすぐ下になります。後続のすべてのサブメニュー レベル (2+) は、その親の右側にある必要があります。

jQueryメニューの使い方を学び始めたばかりですが、これをカスタマイズしていないようです。これにアプローチする方法がわかりません... 私は に電話しようとしましたが失敗し.menu()ました$("#myMenu .level1")。

私の質問は - 私が上で述べたように、メニューを作る方法について誰かが私を正しい方向に向けることができれば幸いです.

Javascript スニペット

<script>
  $(function() {
    $("#myMenu").menu({
      position: {
        my: "left top",
        at: "left bottom"
      }
    });
  });
</script>

HTML スニペット

<ui id="myMenu">
  <li class="level1">
    <a href="#">Item 1</a>
    <ul>
      <li class="level2">
        <a href="#">Item 1</a>
        <ul>
          <li class="level3">
            <a href="#">Item 1</a>
          </li>
        </ul>
      </li>
    </ul>
  </li>

更新: JSbin

4

2 に答える 2

5

こんにちは、ついに私はあなたの質問に答えました。ぼかしやフォーカスなど、メニューのいくつかのプロパティを使用します。解決策http://forum.jquery.com/topic/how-to-make-the-perfect-horizo​​ntal-menuが既にあるこのページを見つけました。私はそれらの行を調べて、あなたのコードに適用しました。機能についてご不明な点がございましたら、お気軽にお問い合わせください。

http://jsbin.com/uxuTAba/5/で新しいコードを確認してください。

于 2013-10-18T21:23:05.277 に答える
0

疑似コード:

On mouseover of Menu Item, slidedown List (positioned right under Menu Item)
On mouseover of List Element, slidedown List Element X's Submenu (positioned to the right of X)

基本的に私が言っているのは、メニューを CSS で配置してから、slideDown() と slideUp() を使用して動的に表示するということです。したがって、jQuery でメニューの配置を決定する必要はまったくありません。メニューを上下にスライドさせる表示状態だけです。ただし、それらはすべて、基本 CSS を使用して、メニューに対して相対的に配置されます。

于 2013-10-18T16:03:23.527 に答える