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

Question

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

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

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

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

score 4 · Accepted Answer

像这样的东西：

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

也就是说，通过设置文档中指定的position选项。.menu()

亲自试验+2零件：您可以通过更改此数字或+完全不使用它（和）来向上或向下调整位置。

score 2 · Accepted Answer

您可以传递一些选项，您的子菜单应该出现在哪里。像这样：

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

score 1 · Accepted Answer

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

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

score 1 · Accepted Answer

1

于 2013-07-11T12:48:24.083 回答

4 回答 4