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

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

2022-07-18 • lulubin

①、问题

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

https://file.lulublog.cn/images/3/2022/08/KWcaV00IQaZQlABa00Wa41awbB01wa.png?sign=8d8e8d20a898e0c94457fae7e72cc328&t=6acd0400

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

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

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

②、原因

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

③、解决

于是果断增加了样式

https://file.lulublog.cn/images/3/2022/08/PcCi6KPIzL0772PaTf7ffCT6Zhic7A.png?sign=83004d0f82922b692c14b33bcf093008&t=6acd0400

打赏

×

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开微信扫一扫,即可进行扫码打赏哦