1

次の js を検討してください。

$('#main').on('click', '.button', function);

および対応する html:

<div id="main">
<span class="button">button</span>
</div>

これはこれまでのところうまくいきます。クラスボタンを持つ要素、つまりメイン要素の子がクリックされると、関数が呼び出されます。残念ながら、これを iPhone で表示すると、メイン要素をタップするたびに 1 回ちらつきます。

これは、クリック イベントを #main ではなく $(document) 全体にバインドすることで回避できることがわかりました。

これまでのところ、この問題についてオンラインで何も見つけていません。誰かが何が起こっているのか、そしてすべてのクリック要素をドキュメントにバインドするよりも良い解決策があるかどうかを知っていますか?

4

1 に答える 1

10
* {
  -webkit-tap-highlight-color: transparent;
}

これを CSS に追加すると、問題が解決します。

于 2013-09-25T17:51:20.577 に答える