1

JQuery UI 1.9には、メニューを作成するための非常に便利な機能があります。ただし、このメニューは縦型メニューです。JQuery 1.9 を使用して水平メニューを作成した人はいますか?

アップデート

ページを追加しました

<ul id="nav">
    <li><a href="#">Item #1</a></li>
    <li><a href="#">Profile</a>
    <ul>
        <li><a href="#">Ada</a></li>
        <li><a href="#">Saarland</a></li>
        <li><a href="#">Salzburg</a></li>
    </ul>
    </li> 

</ul>

css に次のコードを追加しました。

.ui-menu:after { content: "."; 表示ブロック; クリア: 両方; 可視性: 非表示; 行の高さ: 0; 高さ: 0; }

.ui-menu .ui-menu-item { 表示: インラインブロック; フロート: 左; マージン: 0; パディング: 0; 幅: 自動; }

CSS は、Item#1 と Profile の水平メニューを作成しました。ただし、CSS は Ada、Saarland、および Salzburg をプロファイルのドロップダウン メニューとして作成できませんでした。

誰にも提案はありますか？

4

3 に答える 3

2

同じ HTML 構文 (li など) を使用してメニューを作成し、CSS で表示を整理できます。これが私がやった方法です。メニューの要素に UI 処理を追加して、効果を提供できます。

于 2012-12-21T13:18:37.750 に答える
0

jQuery UIナビゲーションメニューを水平にする方法からの重複の可能性はありますか?

しかし、それは間違いなくできます。これは jQuery の問題ではありません。影響を受ける要素を CSS でスタイルする必要があるだけです。これは.ui-menuおよび.ui-menu-itemクラスです。

于 2012-12-21T13:42:12.130 に答える
0

jquery uiのドキュメントによると、水平にするAPIはありません。ただし、css を使用して簡単に水平にすることができます。

http://coderevision.com/how-to-have-a-jquery-ui-menu-displayed-horizo​​ntally/

于 2012-12-21T13:25:32.217 に答える