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。