のむログ

技術メモ / 車 / 音楽 / 雑記 / etc...

data-toggleがiOSで動かないとき

f:id:nomunomu0504:20190411145340p:plain:w0

BootstrapでiOSのSafariでアコーディングメニューが使えなかったので、修正方法をメモ

問題のコード(クリックしても何もおきない)

<a data-toggle="collapse" data-target="#target">Open</a>

何パターンか修正方法があるらしい。が、ここでは2パターンのみで

・href属性を追加

<a data-toggle="collapse" data-target="#target" href="#target">Open</a>

・cursorスタイルを追加

<a data-toggle="collapse" data-target="#target" style="cursor: pointer;">Open</a>

1個1個style追加するの面倒なんで、cssに組み込みます。

・css

a#ios {
    cursor: pointer;
}

・html

<a id="ios" data-toggle="collapse" data-target="#target">Open</a>

a#ios なんで aタグのid="ios" にしか反応しません。