サポート » 使い方全般 » twentytenでサブメニューの開閉をマウスオーバーでなくクリックで行いたい

  • 解決済 poem

    (@poem)


    こんばんは。twentytenをカスタマイズしてコーポレートサイトを作っております。
    わかる方いらしたらご助言ください。

    グローバルメニューの一つにサブメニューを表示するものがあり、

    <メニューA>
    – <B>
    – <C>

    デフォルト通り、<メニューA>をマウスオーバーするとサブメニューが下に出てきて<B><C>をクリックできます。<メニューA>にはリンクはありません。

    PCではこれでなんの問題もないのですが、スマホやタブレットなどのタッチパネルの場合に困っていまして、<メニューA>をタップしてもメニューが展開されず(厳密にいうとiOSは反応なし、Androidは<B>が表示)、クリック/タップでサブメニューを開閉させるようにしたいと思っています。マウスオーバーの反応はナシになっても残してもよいかなと。

    困っている人がたくさんいそうなメジャーなトピックのような気もするのですが、いろいろ検索してもそういった話題は見つからずポストしました。

    よろしくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター gatespace

    (@gatespace)

    Twenty Tenのその辺はCSSで制御されているはず(:hover)なので、
    それをやめて、jQueryなどでクリックイベント取得→表示 になるようなスクリプトを書くしかないと思います。

    トピック投稿者 poem

    (@poem)

    gatespace様
    コメントありがとうございます。そうですか。
    プログラマーに相談してみたいと思います。
    ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「twentytenでサブメニューの開閉をマウスオーバーでなくクリックで行いたい」には新たに返信することはできません。