JQuery UI的菜单原本是纵向排列的,我们需要改其CSS的源代码以显示为横向排列
具体是修改jquery-ui.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;
}
即可显示横向菜单