关于jquery中on绑定click事件在苹果手机失效的问题
2017-08-22 11:30
323 查看
用一个div当做了一个按钮来使用。
因为是动态添加的内容,所以想要使用click事件,需要给他用on绑定一下:
这个时候,使用苹果手机访问的时候,发现了一个坑爹的问题,如论如何点击“下一步”,都没有任何反应,可是在安卓和各种模拟器中一切正常。后来经过查找资料才知道,苹果有这么个设置: 对于点击的对象,拥有cursor:pointer这个样式的设置,也就是说,鼠标放上去,能够出现“手”型的图标才被认作可以使用点击事件,于是果断增加了样式
<div class="button"> <div class=" next_button button_left btn_red" style="width: 345px;"> 下一步 </div> </div>
因为是动态添加的内容,所以想要使用click事件,需要给他用on绑定一下:
$(document).on("click",".next_button",function(){ alert(); });
这个时候,使用苹果手机访问的时候,发现了一个坑爹的问题,如论如何点击“下一步”,都没有任何反应,可是在安卓和各种模拟器中一切正常。后来经过查找资料才知道,苹果有这么个设置: 对于点击的对象,拥有cursor:pointer这个样式的设置,也就是说,鼠标放上去,能够出现“手”型的图标才被认作可以使用点击事件,于是果断增加了样式
<style> .next_button{ cursor:pointer } </style>
相关文章推荐
- 关于jquery中on绑定click事件在苹果手机失效的问题
- 关于jquery中on绑定click事件在苹果手机失效的问题
- 关于jquery中on绑定click事件在苹果手机失效的问题
- jquery中on绑定click事件在苹果手机上失效的问题
- 解决关于jquery mobile databox日期插件手机上失效的问题
- 关于标签onclick方法失效,或jquery绑定事件失效的问题
- 关于jquery on方法进行事件绑定触发次数指数叠加的问题
- 关于jquery中用on绑定事件后的事件冒泡问题
- 解决关于jquery mobile databox日期插件手机上失效的问题
- 关于jQuery新的事件绑定机制on()的使用技巧
- 关于input在苹果和安卓手机上调用相机和相册的问题
- 关于jQuery新的事件绑定机制on()的使用技巧
- 关于jquery动态加载节点后阻止事件冒泡失效的问题
- jQuery中on绑定事件后引发的事件冒泡问题如何解决
- 关于jquery 的click事件中参数的问题
- 关于 苹果手机 微信浏览器里点击返回不加载方法的问题
- 解决 ios手机访问H5页面而 $(document).on绑定无效问题
- JQuery使用on绑定动态生成元素时碰到的问题
- jquery textSearch实现页面搜索 注意!!!!调用这个插件后,js事件绑定如,on、bind、live delegate全部失效,折腾了我一整天!!!
- 关于jquery某一元素重复绑定的问题