整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
于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
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
