有没有办法强制 jQuery UI 菜单子菜单总是向上而不是向下定位？答案

【问题标题】：Is there a way to force a jQuery UI menu submenu to always position up instead of down?有没有办法强制 jQuery UI 菜单子菜单总是向上而不是向下定位？
【发布时间】：2013-12-17 16:43:13
【问题描述】：

我有一个简单的 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>

在这里提琴：http://jsfiddle.net/uW44Y/

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

【问题讨论】：

类似这样的东西：jsfiddle.net/89Wpf?
@IrvinDomininakaEdward，您为什么不将此作为答案发布？

标签： jquery css jquery-ui jquery-ui-menu

【解决方案1】：

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

【讨论】：

【解决方案2】：

您可以使用 jQuery position 选项来设置子菜单的位置。

参考：

标识子菜单相对于关联的位置父菜单项。 of 选项默认为父菜单项，但您可以指定另一个要定位的元素。你可以参考 jQuery UI Position 实用程序以获取有关各种选项。

jQuery UI 位置：http://api.jqueryui.com/position/

代码：

$("#menu").menu({
    position: {
        my: 'left bottom',
        at: 'right bottom'
    }
});

演示：http://jsfiddle.net/89Wpf/

【讨论】：