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: '左下')。

您可能需要摆弄 jquery.ui.menu.css 文件才能使其完全正确。事实上，大多数时候我完全忽略了 CSS。