如何创建水平JQuery 1.9菜单?

如何创建水平JQuery 1.9菜单?,jquery,Jquery,有一个非常方便的功能来创建菜单。但是,此菜单是垂直菜单。有人使用jQuery1.9创建水平菜单吗 更新 我添加了页面 <ul id="nav"> <li><a href="#">Item #1</a></li> <li><a href="#">Profile</a> <ul> <li><a href="#">Ada</a

有一个非常方便的功能来创建菜单。但是,此菜单是垂直菜单。有人使用jQuery1.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菜单:之后{ 内容:“.”; 显示:块; 明确:两者皆有; 可见性:隐藏; 线高:0; 身高:0; }

.ui菜单.ui菜单项{ 显示:内联块; 浮动:左; 保证金:0; 填充:0; 宽度:自动; }

CSS为项目#1和配置文件创建了一个水平菜单。但是CSS不能将Ada、Saarland和Salzburg作为Profile的下拉菜单


有人有什么建议吗?

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

根据jQueryUI文档,没有使其水平的api。 但您可以使用一些css使其易于水平:

可能从中复制


但是你绝对可以做到:这不是jQuery的问题,你只需要用CSS设置受影响的元素的样式,它们是
.ui菜单
.ui菜单项
类。

链接断开了