Question

如何设置Jquery UI Menu 菜单为横向展示

Answer 1

修改对应的CSS可以设置为横向展示。

.ui-menu:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.ui-menu .ui-menu-item {
display: inline-block;
float: left;
margin: 0;
padding: 0;
width: auto;

Answer 2

简单点的话，这样写：

$( "#menu" ).menu({
            position: { my: "left bottom", at: "right-2 top+5" }
        });

#menu>li{
    float:left;
    }