IPhone中H5页面用on绑定click无效的解决方法

首先声明本人资质尚浅,本文只用于我的总结。若有错误,欢迎指正、共同提升。css

-----------------------------------------------------------------------------------ios

首先问一句? 为何移动页面还在用click方法?假如必须用click,且遇到如标题所示bug,下文即是解决之道。固然,若是不用必须用click,则换成touch天然不存在本文的bug。浏览器

话很少说,当你懂得什么时候直接绑定click,什么时候用on绑定时候,理解下文就很是容易。微信

当用以下方法绑定click事件时,调试

exp:blog

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

 发如今PC各类浏览器,以及移动端模拟器上都是能够正常调试的,可是在ios的微信端访问或浏览器访问均有不一样程度的无效状况,get

解决办法以下:io

第一种方法:解决的方法很巧妙,就是给须要绑定事件的元素添加一个css cursor: pointer 。function

exp:

selector {
cursor:pointer;
}

第二种方法:把document换成selector的父元素,前提是父元素不是由JS生成的。

 

 

若有错误,欢迎评论指正、共同提升。[握手]    

欢迎转载,转载请注明:转载自[ http://www.cnblogs.com/juneling ]

相关文章
相关标签/搜索