关于jquery中on绑定click事件在苹果手机失效的问题

最新推荐文章于 2023-06-18 21:21:38 发布

转载最新推荐文章于 2023-06-18 21:21:38 发布 · 89 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/allen817/p/6678348.html

文章标签：

#javascript #ViewUI

本文介绍了一种在iOS设备上解决动态添加元素点击事件失效的方法。通过为元素添加cursor:pointer样式，使苹果设备识别可点击区域，确保click事件在iOS、安卓及模拟器上的正常触发。

因为是动态添加的内容，所以想要使用click事件，需要给他用on绑定一下：

$(document).on("click",".next_button",function(){

　　alert();

});

这个时候，使用苹果手机访问的时候，发现了一个坑爹的问题，如论如何点击“下一步”，都没有任何反应，可是在安卓和各种模拟器中一切正常。后来经过查找资料才知道，苹果有这么个设置：
对于点击的对象，拥有cursor:pointer这个样式的设置，也就是说，鼠标放上去，能够出现“手”型的图标才被认作可以使用点击事件，于是果断增加了样式

<style>

.next_button{ cursor:pointer }

</style>

文章转自：http://blog.youkuaiyun.com/yuexiage1/article/details/51612496

转载于:https://www.cnblogs.com/allen817/p/6678348.html