IPhone中H5页面用on绑定click无效的解决方法
2018-01-10 18:20
309 查看
首先问一句? 为什么移动页面还在用click方法?假如必须用click,且遇到如标题所示bug,下文便是解决之道。当然,如果不用必须用click,则换成touch自然不存在本文的bug。
话不多说,当你懂得何时直接绑定click,何时用on绑定时候,理解下文就非常容易。
当用如下方法绑定click事件时,
exp:
$(document).on('click','selector',function(){
});
发现在PC各种浏览器,以及移动端模拟器上都是可以正常调试的,但是在ios的微信端访问或浏览器访问均有不同程度的无效情况,
解决办法如下:
第一种方法:解决的方法很巧妙,就是给需要绑定事件的元素添加一个css cursor: pointer 。
exp:
selector {
cursor:pointer;
}
第二种方法:把document换成selector的父元素,前提是父元素不是由JS生成的。
话不多说,当你懂得何时直接绑定click,何时用on绑定时候,理解下文就非常容易。
当用如下方法绑定click事件时,
exp:
$(document).on('click','selector',function(){
});
发现在PC各种浏览器,以及移动端模拟器上都是可以正常调试的,但是在ios的微信端访问或浏览器访问均有不同程度的无效情况,
解决办法如下:
第一种方法:解决的方法很巧妙,就是给需要绑定事件的元素添加一个css cursor: pointer 。
exp:
selector {
cursor:pointer;
}
第二种方法:把document换成selector的父元素,前提是父元素不是由JS生成的。
相关文章推荐
- 解决 ios手机访问H5页面而 $(document).on绑定无效问题
- 解决给dom元素绑定click等事件无效问题的方法
- IOS下Iphone手机访问移动端页面,on预绑定的click事件不执行,解决方案
- jquery绑定click等事件无效解决方法live替代$().click不执行
- Apple 移动设备绑定动态生成元素点击事件$(document).on('click',element,callback)失效解决方法
- 使用append出的标签用on绑定事件无效的解决方法
- 解决给dom元素绑定click等事件无效问题的方法
- ios手机访问H5页面中$(document).on绑定无效问题
- VS2015中DataGridView的DataGridViewComBoboxCell列值无效及数据绑定错误的解决方法
- Jquery on("click") 方法绑定事件后执行多次解决办法
- 使用jQuery的on("click")绑定事件莫名其妙地刷新页面
- ScriptManager.RegisterStartupScript()方法在asp.net ajax页面无效的解决方法
- Struts2.0页面跳转css无效问题的解决方法
- vs2005的无法附加,绑定句柄无效的错误,解决方法
- 有关ListView.setOnItemClickListener点击无效的解决方法
- 微信通过页面(H5)直接打开本地app的解决方法
- OnFilterPopulating事件无效的解决方法
- IIS配置与错误提示 500.19 - Internal Server Error 无法访问请求的页面,因为该页的相关配置数据无效 解决方法
- 对于jquery 新加载的元素绑定事件无效的解决方法
- webview显示为空白页面解决方法,对h5支持