Photo by
mitsuki_haruta
モバイルページでリンクを２回タップしないと反応しない時の対処
数日前につぶやいたこの不具合ですが、直し方をググっていたら簡単な方法がありました。
リンクを２回タップしないと動かない原因
タッチデバイスでhover動作が反応しないため１回目無反応、２回目でリンク反応のような動きになるようです。
私の環境ではiOS版Chromeで確認でき、Safariでは問題ありませんでした。
直し方
こちらのサイトを参考にさせていただきました。
htmlに以下のscriptを追加します。（Webテク倉庫様からそのまま引用）
<script>document.addEventListener('touchstart',function(){});</script></body>の直前に加えればいいみたいですが、Jimdoのようにhtmlを編集できないテンプレートなら<head></head>内に加えれば全ページに適用されます。
これでモバイル版Chromeのリンクも正常に反応しました。
とても助かりました。