jquery-ui - jquery-ui 下拉菜单样式

Question

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

我提到了 http://wiki.jqueryui.com/w/page/12137997/Menu，但那些是插件。

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

Answer 1

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

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

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

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