【バグ対策】iOS Safariで、リンクメニュー項目が2タップしないとリンク動作しないトラブル対応

iOS Safariのみに存在するhover属性が存在するリンク項目に対して、2回タップしないとリンク先に飛ばないバグの回避方法です(・◇・)
ajaxの読み込みで回避できる方法を紹介している先生がいらっしゃいましたので、メモします。

下記スクリプトの前に、「jquery.js」もしくは「jquery.min.js」の読み込みをお願いします( ゜д゜)ノ
バージョンは1でなってますが、2以降は未検証なので試してみてください。

原因は、CSSのhoverに透過処理を入れてるから!

なので、CSSにてhoverの透過処理をしないようにすれば、自然に回避はできるのですが(;・∀・)
デザイン上やっちゃうこともあるので(笑)

これ、結構深刻な問題なので、Appleさん早く直してくださいなー(ノД`)シクシク

※lightbox系のjQueryの動きがおかしくなることもあるので設置の際に動きをみてみてください

参照サイト:



Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。