Javascript 如何使jQuery下拉菜单直接向下,而不是向右?

Javascript 如何使jQuery下拉菜单直接向下,而不是向右?,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,我用jQuery创建了一个非常简单的菜单栏,它的功能和预期的一样,但是我真的希望子菜单直接在主菜单下面弹出,而不是在右边,如图所示,你知道我可以用什么方法实现吗?这是我第一次使用jQuery,也是我第一次使用Javascript,所以我有点迷路了 这是我的css,我相信这可能是个问题,因为列表只是简单的HTML #menu-bar{ height:30px; width: 100%; } #menu-bar > li{ float:left; width:

我用jQuery创建了一个非常简单的菜单栏,它的功能和预期的一样,但是我真的希望子菜单直接在主菜单下面弹出,而不是在右边,如图所示,你知道我可以用什么方法实现吗?这是我第一次使用jQuery,也是我第一次使用Javascript,所以我有点迷路了

这是我的css,我相信这可能是个问题,因为列表只是简单的HTML

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

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

我建议使用superfish菜单。
我建议使用superfish菜单。

您可以传递一些选项,子菜单应该出现在这些选项中。像这样:

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

有关此主题的更多信息:

您可以传递一些选项,这些选项将显示您的子菜单。像这样:

$( "#menu-bar" ).menu({ position: { my: "left top", at: "left bottom" } });
有关此主题的更多信息:

类似以下内容:

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

也就是说,通过设置中指定的

自己尝试+2部分:您可以通过更改此数字或将其与+一起保留,来上下调整位置。

类似以下内容:

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

也就是说,通过设置中指定的

自己尝试+2部分:你可以通过改变这个数字或将它和+一起去掉来调整位置

$( "#menu-bar" ).menu({position: {my: "left top", at: "left bottom"}});
或者根据需要调整位置



或者将位置调整到您想要的任何位置。

您是否可以向我发送指向该位置的其他链接?由于某种原因,这个链接在我的工作防火墙上被屏蔽了。请在魔兽世界中查看同一jquery插件的演示,它看起来真的很不错。不过我尽量不在我的网站上添加插件。我正在努力使它尽可能轻。谢谢你的建议。nnnnn和@Thomas在不安装其他插件的情况下解决了这个问题。很抱歉发布了错误的链接。检查最新的一个,它是到github的链接。“我也在为同样的东西准备一个JSFIDLE。”阿列克斯基布勒很酷。不依赖其他插件总是好的你有没有办法给我发一个不同的链接?由于某种原因,这个链接在我的工作防火墙上被屏蔽了。请在魔兽世界中查看同一jquery插件的演示,它看起来真的很不错。不过我尽量不在我的网站上添加插件。我正在努力使它尽可能轻。谢谢你的建议。nnnnn和@Thomas在不安装其他插件的情况下解决了这个问题。很抱歉发布了错误的链接。检查最新的一个,它是到github的链接。“我也在为同样的东西准备一个JSFIDLE。”阿列克斯基布勒很酷。不依赖其他插件总是好的手风琴适合你吗?手风琴绝对适合我。有没有办法让它们都默认打开?比如,文件菜单会自动打开,我绝对不希望它自动打开,我希望它在用户点击它时关闭,就像这样的常规菜单一样。真漂亮@托马斯向我展示了我可以把一个位置传给菜单,所以我会这么做,但谢谢你的建议。我以后肯定会用它。不用担心,我以前都用过:手风琴对你有用吗?手风琴绝对适合我。有没有办法让它们都默认打开?比如,文件菜单会自动打开,我绝对不希望它自动打开,我希望它在用户点击它时关闭,就像这样的常规菜单一样。真漂亮@托马斯向我展示了我可以把一个位置传给菜单,所以我会这么做,但谢谢你的建议。我以后肯定会用它。不用担心,我以前两个都用过:这很完美。只要我能接受你的回答,我会的。谢谢你的额外信息,我不知道为什么我没有检查它。那一直是我的第一选择,不客气。jqueryui示例页面中没有包含这一点有点奇怪,因为很多人都希望这样做。是的,当然。老实说,我甚至没有意识到API文档有多么神奇。我会把它加入书签。我只是假设示例页面显示了我需要知道的一切。这太完美了。只要我能接受你的回答,我会的。谢谢你的额外信息,我不知道为什么我没有检查它。那一直是我的第一选择,不客气。jqueryui示例页面中没有包含这一点有点奇怪,因为很多人都希望这样做。是的,当然。老实说,我甚至没有意识到API文档有多么神奇。我会把它加入书签。我只是假设示例页面显示了我需要知道的一切。