Question

JQuery UI 1.9有一个非常方便的功能来创建菜单。但是，此菜单是垂直菜单。有没有人用JQuery 1.9创建水平菜单？

更新

我添加了页面

<ul id="nav">
    <li><a href="#">Item #1</a></li>
    <li><a href="#">Profile</a>
    <ul>
        <li><a href="#">Ada</a></li>
        <li><a href="#">Saarland</a></li>
        <li><a href="#">Salzburg</a></li>
    </ul>
    </li> 

</ul>

我在css中添加了以下代码：

.ui-menu：{之后内容：“。”; 显示：块; 明确：两者; 能见度：隐藏; line-height：0; 身高：0; }

.ui-menu .ui-menu-item { display：inline-block; 向左飘浮; 保证金：0; 填充：0; 宽度：自动; }

CSS为Item＃1和Profile创建了一个水平菜单。然而，CSS无法将Ada，Saarland和Salzburg作为Profile的下拉菜单。

有人有什么建议吗？

Answer 1

您可以使用相同的HTML语法（li等）来创建菜单，然后通过CSS组织显示。这就是我做的方式。您可以将UI处理添加到菜单的元素以提供效果。

Answer 2

根据jquery ui文档，没有api可以使它成为水平。但是你可以使用一些css来轻松实现水平：

http://coderevision.com/how-to-have-a-jquery-ui-menu-displayed-horizontally/

Answer 3

How to make jQuery UI nav menu horizontal?

可能重复

但你绝对可以这样做：它不是一个jQuery问题，你只需要使用CSS设置受影响的元素的样式，即.ui-menu和.ui-menu-item类。

如何创建一个水平的JQuery 1.9菜单？

3 个答案: