1


0

Webバージョンに必要なドロップダウンメニューコード

サイトのトップヘッダーエリアに、ユーザーがマウスを上に置いたときにのみ機能するドロップダウンがあります(http://liquor.com)。 しかし、モバイル版では、この動作が機能しないことが通知されています。

そのため、コードに条件ステートメントを追加し、別のドロップダウンメニューを表示しますが、モバイルドロップダウンに使用するコードを知りたいと思います。

任意の助けは大歓迎です。

3 Answer


1


少なくともiPod touch、iPhone、iPadで動作する純粋なCSS(javascriptなし)の2レベルのドロップダウンメニューがあります。

必要なのは、ダミーの「onclick」ハンドラーを追加することだけでした。

Reports
...

なりました

Reports
...

これは、Appleのhttp://developer.apple.com/library/safari/navigation/[Safari Reference Library]エントリ(http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent)で説明されています。 /HandlingEvents/HandlingEvents.html [要素をクリック可能にする]。


0


これを試すことができます:http://css-tricks.com/unobtrusive-page-changer/


0


モバイルプラットフォームは:hoverできないため、代わりにクリックイベントにドロップダウンメニューをバインドする必要があります。

基本的にこの手順に従って、ドロップダウンメニューを作成します。

  • 最上行のナビゲーションリンクのクリックイベントをキャプチャします(ユーザーのため ホバーできません)

  • デフォルトを防ぐ(ブラウザが新しいページを読み込む)

  • クリックされたトップナビゲーションリンクに応じて、適切なサブメニューをロードします。

  • フォーカスを失ったときにサブメニューを削除します(ユーザーがページまたはその他をクリックしたとき) top-nav-link)