自定义 jQuery 子菜单定位

Question

我正在尝试创建一个至少有两级子菜单的水平菜单。所有子菜单都是垂直的。

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

Answer 1

你好，你的问题终于有了答案。使用菜单的一些属性，如模糊和焦点。我发现这个页面已经有解决方案http://forum.jquery.com/topic/how-to-make-the-perfect-horizo​​ntal-menu。我研究了这些行并将其应用到您的代码中。如果您对功能有任何疑问，请随时提出。

在http://jsbin.com/uxuTAba/5/ 处查看新代码。