jquery-ui 下拉菜单样式

【问题标题】：jquery-ui dropdown menu stylejquery-ui 下拉菜单样式
【发布时间】：2013-01-16 09:05:32
【问题描述】：

我正在使用 jquery-ui 1.9.2 版本，其中有一个新的菜单选项。有什么方法可以将菜单样式更改为下拉菜单，就像 http://onehackoranother.com/projects/jquery/droppy/#

我不想为此使用其他插件，我想更改相同的 jquery-ui 本身，有什么办法吗？

【问题讨论】：

【解决方案1】：

您可以使用position 选项来完成此操作。当我不那么忙的时候，我会整理并添加一些细节，但要点是：

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

本质上是告诉 jQuery UI 将子菜单的左上角 (my: 'left top') 放在父元素的左下角 (at: 'left bottom')。

您可能需要修改jquery.ui.menu.css 文件才能完全正确。实际上，我大部分时间都完全忽略了那个 CSS。

【讨论】：