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

2022-07-18

①、问题

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

https://file.lulublog.cn/images/3/2022/08/KWcaV00IQaZQlABa00Wa41awbB01wa.png

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

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

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

②、原因

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

③、解决

于是果断增加了样式

https://file.lulublog.cn/images/3/2022/08/PcCi6KPIzL0772PaTf7ffCT6Zhic7A.png

打赏

取消

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

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

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

阅读 662