4

ドロップアップメニューを実装しようとしています。出発点として、CSS トリックの Simple jQuery Dropdowns に基づいて、HTML/CSS/jQuery を使用して構築された既存のドロップダウン メニューを使用しています。(タッチデバイスはホバー状態に依存しているため、純粋な css をタッチデバイスで動作させることができなかったためです。)

いじって少し進歩しましul.dropdown ul {top: -100%; }たが、これはドロップダウンを1「行」上に移動するだけです。それがセマンティックcssであるとは確信していません。

これを達成する方法はありますか？

ここで問題の jsfiddle を作成しました - http://jsfiddle.net/TTTb6/

4

3 に答える 3

4

これを変更してみてください：

ul.dropdown ul {
    bottom: 100%;
}

更新されたjsfiddle

于 2013-04-26T16:19:22.923 に答える
2

の代わりにtop、次を使用しますbottom: 100%;。

ul.dropdown ul {
    position: absolute;
    bottom: 100%;
}
于 2013-04-26T16:19:22.100 に答える
-2

タッチ デバイスの場合、クリック イベントでコードを記述する必要があります。ここでこれをチェックしてください。答えが得られます...

他の動作を維持したまま、モバイル デバイスの jQuery ドロップダウン メニューをクリックして閉じます

于 2013-04-26T16:26:40.613 に答える