1

jQuery で作成した非常にシンプルなメニュー バーがあり、期待どおりに機能しますが、このjsfiddleに示すように、サブメニューがメイン メニューのすぐ下に表示され、右側には表示されないようにしたいと考えています。 これを実現する方法を知っていますか？jQuery を使用するのはこれが初めてです (そして Javascript を使用するのも初めての 1 つです) ので、少し迷っています。

これが私の css です。リストは単純な HTML であるため、何らかの問題があると思われます。

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

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

4 に答える 4

4

このようなもの：

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

デモ: http://jsfiddle.net/kgjac/10/

つまり、ドキュメントで指定されているようにpositionオプションを設定します。.menu()

この部分を自分で試してみてください。この数値を変更するか、(および) を完全に除外する+2ことで、位置を上下に微調整できます。+

于 2013-07-11T12:52:14.763 に答える
2

サブメニューが表示される場所にいくつかのオプションを渡すことができます。このような：

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

このトピックの詳細: http://api.jqueryui.com/menu/#option-position

于 2013-07-11T12:52:08.913 に答える
1

スーパーフィッシュメニューを使用することをお勧めします。 http://users.tpg.com.au/j_birch/plugins/superfish/#a

于 2013-07-11T12:48:24.083 に答える