于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