jQuery 阅读 1916
jQuery 第22章 on绑定click事件在苹果手机失效的问题

jQuery 第22章 on绑定click事件在苹果手机失效的问题

2022-07-18 • lulubin

①、问题

用一个div当做了一个按钮来使用。

https://file.lulublog.cn/images/3/2022/08/KWcaV00IQaZQlABa00Wa41awbB01wa.png?sign=6e04fdf4a0626adfa7fee891245436bd&t=6ad24a00

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

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

这个时候,使用苹果手机访问的时候,发现了一个坑爹的问题,如论如何点击“下一步”,都没有任何反应,可是在安卓和各种模拟器中一切正常。

②、原因

苹果有这么个设置: 对于点击的对象,拥有cursor:pointer这个样式的设置,也就是说,鼠标放上去,能够出现“手”型的图标才被认作可以使用点击事件

③、解决

于是果断增加了样式

https://file.lulublog.cn/images/3/2022/08/PcCi6KPIzL0772PaTf7ffCT6Zhic7A.png?sign=31beff9d49e338cf8e086d9dad1bef9d&t=6ad24a00