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

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

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

<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>

 

———————

原文:https://blog.csdn.net/yuexiage1/article/details/51612496

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/112565.html原文链接:https://javaforall.net

(0)
上一篇 2021年11月5日 下午2:00
下一篇 2021年11月5日 下午3:00


相关推荐

  • idea 代码格式化快捷键

    idea 代码格式化快捷键ctrl alt L 可以格式化代码

    2026年3月18日
    2
  • java 递归方法卡住_递归算法怎么理解

    java 递归方法卡住_递归算法怎么理解Java递归方法1.说明定义:一个方法体内调用它自己方法递归是一种隐式的循环,它会重复的执行某段代码,但这种重复执行无须循环控制递归一定要向着已知的方向递归,否则这种递归就变成了无穷递归,类似于死循环2.code举例publicclassRecursionTest{publicstaticvoidmain(String[]args){RecursionTestx=newRecursionTest();System.

    2025年12月10日
    6
  • 空间矢量脉冲宽度调制(SVPWM)Simulink仿真教程

    空间矢量脉冲宽度调制(SVPWM)Simulink仿真教程目录SVPWM仿真主体结构扇区选择模块XYZ计算模块矢量作用模块切换时间判断模块三角波模块开关信号模块输出信号模块输出结果SVPWM参考文献​SVPWM仿真主体结构扇区选择模块原理基于原理搭建基于原理的s函数扇区输出结果XYZ计算模块原理基于原理搭建模块仿真结果矢量作用模块原理基于原理搭建模块仿真结果切换时间判断模块原理…

    2025年6月17日
    5
  • AI智能体|独家首发!扣子Coze智能体接入微信小程序

    AI智能体|独家首发!扣子Coze智能体接入微信小程序

    2026年3月12日
    1
  • 数码视讯Q5刷armbian+squeezelite

    数码视讯Q5刷armbian+squeezelite数码视讯Q5刷armbian+squeezelite数码视讯Q5机顶盒介绍:数码视讯Q5CPU:晶晨S905M4核1.5G内存:1g存储:8G显卡:Mali-450接口:HDMIUSB2.0(两个)AVTF卡槽RJ45(1000M)带2.4无线电源:DC12V1A目前闲鱼的售价在:50-70元。购买数码视讯Q5时,必须问清楚,是否可以插tf卡打游戏,可以插tf卡打游戏才买,可以插tf卡打游戏才买,可以插tf卡打游戏才买,以…

    2025年6月13日
    6
  • Java中的List与Set转换「建议收藏」

    Java中的List与Set转换「建议收藏」一、List列表与Set列表的区别List列表是有序、可以重复、线程不安全的列表,Set是无序、不能重复、线程不安全的列表。但List和Set可以通过方法来转换为线程安全的,加互斥锁。Set<Long>set=newHashSet<>();//转换为线程安全的集合Collections.synchronizedSet(…

    2022年6月21日
    56

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号