javascript - 如何使 jQuery 下拉菜单直接向下而不是向右下拉？

Question

我有一个用 jQuery 制作的非常简单的菜单栏，它按预期运行，但我真的希望子菜单直接在主菜单下方弹出，而不是在右边，如 jsfiddle. 所示你知道有什么方法可以让这件事发生吗？这是我第一次使用 jQuery(也是我第一次使用 Javascript)，所以我有点迷茫。

这是我的 css，我认为这可能是问题所在，因为列表只是纯 HTML。

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

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

Answer 1

像这样:

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

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

也就是说，通过设置 position option如 .menu() documentation 中所述.

自己试验一下 +2 部分:您可以通过更改此数字或完全保留它(和 +)来向上或向下调整位置。