ios手机访问H5页面中$(document).on绑定无效问题
2018-01-15 17:13
239 查看
1.问题描述
用amazeUI做了个手机端网站,网站头部是一个点击按钮下拉菜单,点击页面其余区域下拉菜单隐藏。在chrome模拟安卓和iOS都可以正常触发,但是在真机实测的时候,iOS上面失效了。简单代码描述如下
function里面的代码不会执行。
2.解决
查阅信息后,说是iphone这些元素上没有click事件,它是touch事件
(1)有一个解决方法是给需要绑定事件的元素添加一个css cursor: pointer 。
body{
cursor:pointer;
}
(2)或者将click改为touchstart事件,或者共存
用amazeUI做了个手机端网站,网站头部是一个点击按钮下拉菜单,点击页面其余区域下拉菜单隐藏。在chrome模拟安卓和iOS都可以正常触发,但是在真机实测的时候,iOS上面失效了。简单代码描述如下
$(document).on("click", function (e) { $("#collapse-head").css("display", "none") });
function里面的代码不会执行。
2.解决
查阅信息后,说是iphone这些元素上没有click事件,它是touch事件
(1)有一个解决方法是给需要绑定事件的元素添加一个css cursor: pointer 。
body{
cursor:pointer;
}
(2)或者将click改为touchstart事件,或者共存
$(document).on(“click touchstart”, “.name”, function() { $("#collapse-head").css("display", "none") });
相关文章推荐
- 解决 ios手机访问H5页面而 $(document).on绑定无效问题
- IOS下Iphone手机访问移动端页面,on预绑定的click事件不执行,解决方案
- 苹果手机浏览器$(document).on("click",function(){})点击无效的问题
- 苹果手机浏览器$(document).on("click",function(){})点击无效的问题(转)
- IPhone中H5页面用on绑定click无效的解决方法
- 【移动端H5开发】iOS下页面底部的input被弹出键盘遮挡问题
- 解决 ios 上H5页面,click的300毫秒延迟问题
- 安卓手机访问h5页面的input,弹出软键盘遮挡input
- jQuery使用on()绑定动态生成元素的事件无效的问题
- Android 安卓WebView套壳H5网页 手机返回键问题(过滤二级页面,返回键相应给WebView)
- h5页面引用idangerous.swiper.js 插件兼容ios和android出现的问题
- 关于jquery中on绑定click事件在苹果手机失效的问题
- 关于ie下showModalDialog页面iframe designMode="on"无效问题
- H5页面input输入框,在ios手机中被顶出页面解决方案
- 关于H5 web页面在ios端滑动卡顿问题
- jQuery使用on()绑定动态生成元素的事件无效的问题
- 解决ios手机页面overflow scroll滑动很卡的问题
- [置顶] 困扰:微信开发 安卓和IOS下 对JSON格式解析 导致苹果手机sinature签名无效的问题
- h5页面,输入法顶起页面底部div.(安卓有此问题,ios没问题)
- iOS 调用h5页面 视频不自动播放的问题