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。