如何让jQuery下拉菜单直下而不是右移？

我有一个非常简单的菜单栏，我用jQuery做的，它的功能如预期，但我真的很喜欢子菜单弹出直接在主菜单下方，而不是在右边，如此jsfiddle.你看到了吗？知道我能做到这一点的任何方式？这是我第一次使用jQuery（我第一次使用Javascript），所以我有点迷路。如何让jQuery下拉菜单直下而不是右移？

这是我的CSS，我相信这可能是问题，因为列表只是纯HTML。

#menu-bar{ 
    height:30px; 
    width: 100%; 
} 

#menu-bar > li{ 
    float:left; 
    width:195px; 
}

来源

2013-07-11 Alex Kibler

手风琴是否适合您？ http://jsfiddle.net/kgjac/6/ – defaultNINJA

手风琴绝对适合我。有什么办法可以让它默认打开吗？比如，文件菜单会自动打开，我绝对不希望它自动打开，我希望在用户点击时关闭它（如常规菜单栏） –

像这样：http：// jsfiddle .net/kgjac/14/ – defaultNINJA

你可以通过一些选项，你的子菜单应该出现在哪里。就像这样：

$("#menu-bar").menu({ position: { my: "left top", at: "left bottom" } });

更多关于这个话题：http://api.jqueryui.com/menu/#option-position

来源

2013-07-11 12:52:08 Thomas

这是完美的。只要我能接受你的答案，我会的。感谢您的额外信息，我不知道为什么我没有检查它。这总是我的第一个胜地。 –

不客气。有点奇怪，这不包括在jqueryui示例页面中，因为许多人肯定希望这样做。 – Thomas

是的，当然。我真的没有意识到API文档有多棒。我会为它加书签。我只是假设示例页面显示了我需要知道的一切。 –

我建议使用superfish菜单。 http://users.tpg.com.au/j_birch/plugins/superfish/#a

来源

2013-07-11 12:48:24 Neeraj

有没有什么办法可以给我发送不同的链接呢？出于某种原因，该链接在我的工作防火墙上被阻止。 –

https://github.com/joeldbirch/superfish – Neeraj

查看相同的jquery插件的演示哇，看起来非常好。尽管我不想继续添加插件到我的网站。我试图尽可能保持轻量级。谢谢你的建议。 nnnnn和@Thomas在不需要安装其他插件的情况下就知道了。 –

事情是这样的：

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

演示：http://jsfiddle.net/kgjac/10/

也就是说，通过如.menu() documentation指定设置position option 。

尝试使用+2零件：您可以通过更改此号码或将其完全移出（和+）来调整位置。

来源

2013-07-11 12:52:14 nnnnnn

$("#menu-bar").menu({position: {my: "left top", at: "left bottom"}});

或调整位置到任何你想要的位置。

来源

2013-07-11 12:54:19 Psych0Mantis

如何让jQuery下拉菜单直下而不是右移？

回答

相关问题