css - メニュー項目が iPad でクリックしにくいのはなぜですか?

Question

私のウェブサイトhttp://goo.gl/Pluy2を iPad でナビゲートしようとすると、水平メニューがうまく反応しないことに気付くでしょう。何かが起こる前に、各メニュー項目を数回押す必要があります。

サイトが iPad でそのように反応する理由をご存知ですか? CSSで直せるものでしょうか？

Answer 1

それが問題かどうかはわかりませんが、タップではなくクリック イベントである可能性があります。それを修正するには、あなたができると思います

$('a').click(function(e) {
    e.preventDefault();
    $(this).bind('tap');
});

またはそれのいくつかのバリエーション。それが機能するかどうかわからないためです。基本的に、jQuery のタップ イベントは、モバイル ブラウザーと人間の指用に設計されています。問題が解決する場合としない場合がありますが、試してみる価値はあります。

おそらく JS ソリューションもありますが、私は jQuery に最も慣れているので、サイトで jQuery を使用していない場合は、別の方法を検討してください。