1

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:after { content: "."; 显示：块；明确：两者；可见性：隐藏；行高：0；高度：0；}

.ui-menu .ui-menu-item { 显示：内联块；向左飘浮; 边距：0；填充：0；宽度：自动；}

CSS 为 Item#1 和 Profile 创建了一个水平菜单。但是 CSS 无法将 Ada、Saarland 和 Salzburg 作为 Profile 的下拉菜单。

有人有什么建议吗？

4

3 回答 3

2

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

于 2012-12-21T13:18:37.750 回答
0

根据 jquery ui 文档，没有 api 可以使其水平。但是您可以使用一些 css 轻松使其水平：

http://coderevision.com/how-to-have-a-jquery-ui-menu-displayed-horizo​​ntally/

于 2012-12-21T13:25:32.217 回答
0

How to make jQuery UI nav menu Horizo​​ntal可能重复？

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

于 2012-12-21T13:42:12.130 回答