iPhone用のサイトを作っていて、aタグに付けたclickイベントがchromeのデベロッパーツールで確認した時は動作しているのに、実機では動作しないという現象に出会ったのでメモです。 今回はボタンクリックでモバイル用のメニューを表示させるような機能を作っていました。 動作しない例 // HTML <a id="navToggleBtn"> <i class="fa fa-baes"></i> </a> // javascript $('document').on('click', '#navToggleBtn', function(evt) { // メニューを開いたり閉じたりする処理 }); 一見特に問題ないように思えます。そして、チェックしていたchromeのデベロッパーツールでのスマートホン表示でも問題なく動作していました。 さりとて!いざiPhone実機で試してみると動いている
![iPhone aタグでclickイベントが効かない時があるっぽい! - かもメモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/0623194728ef5e3895e4ec1075b7265b3a37eb2d/height=288;version=1;width=512/http%3A%2F%2Fecx.images-amazon.com%2Fimages%2FI%2F51IHmYPymuL.jpg)