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

0

2024年12月23日 17:28

起こった現象

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>

後者の方を採用して、cssに組み込みます。

・css

img

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

a#ios なんで <a id="ios"></a> にしか反応しません。
[cv:issue_marketplace_engineer]

0

診断を受けるとあなたの現在の業務委託単価を算出します。今後副業やフリーランスで単価を交渉する際の参考になります。また次の単価レンジに到達するためのヒントも確認できます。