2013-07-25 59 views
1

考慮以下JS在iPhone上閃爍:元素時jquery.on( '點擊')是用來

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

和相應的HTML:

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

能正常工作至今。當一個帶有class按鈕的元素被點擊時,這是主元素的子元素,函數被調用。 不幸的是,當用iPhone查看這個元素時,主元素上的每一次敲擊都會使其閃爍一次。

我發現這可以通過將click事件綁定到#main而不是綁定到整個$(document)來避免。

我到目前爲止還沒有發現任何關於此問題的信息。有人知道發生了什麼,如果有比將每個點擊元素綁定到文檔更好的解決方案嗎?

回答

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

將此添加到您的CSS將解決問題。