jquery - 有没有办法强制 jQuery UI 菜单子(monad)菜单始终向上而不是向下定位？

Question

我有一个简单的 jQuery UI 菜单，顶部有一个标题栏:

<div style="width: 100%; min-height: 100px;"></div>
<ul id="menu" style="width: 100px;">
  <li><a href="#">Item 1</a></li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a>
    <ul>
      <li><a href="#">Item 3-1</a></li>
      <li><a href="#">Item 3-2</a></li>
      <li><a href="#">Item 3-3</a></li>
      <li><a href="#">Item 3-4</a></li>
      <li><a href="#">Item 3-5</a></li>
    </ul>
  </li>
  <li><a href="#">Item 4</a></li>
  <li><a href="#">Item 5</a></li>
</ul>

<script type="text/javascript">
    $(document).ready(function(){
        $("#menu").menu();
    });
</script>

在这里 fiddle :http://jsfiddle.net/uW44Y/

有没有一种方法可以强制第 3 项的子菜单始终从其标题打开而不是向下打开？

Answer 1

jQuery UI 菜单 API 支持 position 属性:http://api.jqueryui.com/menu/#option-position .尝试类似 $("#menu").menu({position: {my: 'left bottom', at: 'top right'}});