于on點擊事件在ios中失效的問題

IPhone中H5頁面用on綁定click無效的解決方法

關于jquery中on綁定click事件在蘋果手機失效的問題

如果不用必須用click，則換成touch自然不存在本文的bug。

當用如下方法綁定click事件時，

下文的selector指的是你選擇的元素，可以用id或者class

$(document).on('click','selector',function(){ });

發現在PC各種瀏覽器，以及移動端模擬器上都是可以正常調試的，但是在ios的微信端訪問或瀏覽器訪問均有不同程度的無效情況，

解決的方法很巧妙，就是給需要綁定事件的元素添加一個css

近在一個網站建設公司客戶的web前端外包的項目中，我們就碰到了這樣一個問題， 蘋果手機下safari瀏覽器下jquery點擊click無效， 但是安卓或者pc上不存在這個問題。代碼片段是沒有問題的

//示例彈窗$(document).on('click','#exp',function(){
$("#mask").fadeIn();
$("#example").fadeIn();
$(this).addClass("selected");});

后來查閱很多資料才知道，safari下必須添加一個 cursor:pointer 才能 識別可以點擊。安卓正常識別。

知道原因的我崩潰了

推測在 safari 中，不可點擊的元素的點擊事件不會冒泡到父級元素。通過添加 cursor: pointer使得元素變成了可點擊的了。

切版長期致力于為網站建設、設計公司提供pc、h5手機、響應式、edm郵件模板的psd轉htm5的web前端外包，歡迎垂詢。

轉載請注明來源 http://www.qieban.cn/safari-jquery-click

近在一個網站建設公司客戶的web前端外包的項目中，我們就碰到了這樣一個問題， 蘋果手機下safari瀏覽器下jquery點擊click無效， 但是安卓或者pc上不存在這個問題。代碼片段是沒有問題的

//示例彈窗$(document).on('click','#exp',function(){
$("#mask").fadeIn();
$("#example").fadeIn();
$(this).addClass("selected");});

后來查閱很多資料才知道，safari下必須添加一個 cursor:pointer 才能 識別可以點擊。安卓正常識別。

知道原因的我崩潰了

推測在 safari 中，不可點擊的元素的點擊事件不會冒泡到父級元素。通過添加 cursor: pointer使得元素變成了可點擊的了。

切版長期致力于為網站建設、設計公司提供pc、h5手機、響應式、edm郵件模板的psd轉htm5的web前端外包，歡迎垂詢。

轉載請注明來源 http://www.qieban.cn/safari-jquery-click