iPhone/Pad で問題なく動作するサブメニューがあるこのサイトを見つけましli:hover ul{
たが、タッチ スクリーンでどのように動作するのか興味があります。
私は HTML、CSS、JS 全体に目を通しましたが、目立ったものは何もありません。
私の学校のウェブサイト (www.harveygs.kent.sch.uk) でも同じ問題がありましたが、Servicepoint のサイトに答えがありました。「<a href='#'>(your menu header)</a>」を追加するだけですメニューの最初の <ul> の後。
:hover
モバイル デバイスで仕事をすることはできません。メニューは、クリック イベントとホバー イベントで表示されます。このサイトがクリック イベントをどのように処理しているかはわかりませんが、JavaScript またはa:active
CSS セレクターを使用して行うことができます。
フォーカスを得ることができる要素である場合、ホバー CSS はタッチ スクリーンで正常に動作するはずです。これらの「メニュー」項目はリンクでもあるため、タッチしてフォーカスを得るとホバー イベントに反応します。マウスがその上を通過したとき、またはオブジェクトがタッチスクリーンに触れたときにホバーイベントをアクティブにするために、同様にフォーカスを得ることができる amy 要素でこれを行うことができるはずです (私は HREF 属性のないリンクでそれを行っています)。