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

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

描述:用一个div写一个按钮,并给这个按钮添加一个点击事件,在安卓机器上一切正常,但是在苹果机型上会出现点击事件失效。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .redButton{
            width: 50px;
            height: 50px;
            background: red;
            text-align: center;
            line-height: 50px;
        }
    </style>
</head>
<body>
<div class="button">
    <div class="redButton">
        按钮
    </div>
</div>

<script src="jquery-3.0.0.min.js"></script>
<script>
    $(document).on("click",".redButton",function(){
        alert('点击了按钮');
    });
</script>

</body>
</html>

 

解决苹果机点击失效代码:
为什么会出现这个问题:苹果机对于点击的对象,要拥有cursor:pointer这个样式的设置,也就是说,鼠标放上去,能够出现“手”型的图标才被认作可以使用点击事件,然后就加一行css咯~

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .redButton{
            width: 50px;
            height: 50px;
            background: red;
            text-align: center;
            line-height: 50px;
            cursor:pointer;     //光标呈现为指示链接的指针
        }
    </style>
</head>
<body>
<div class="button">
    <div class="redButton">
        按钮
    </div>
</div>

<script src="jquery-3.0.0.min.js"></script>
<script>
    $(document).on("click",".redButton",function(){
        alert('点击了按钮');
    });
</script>

</body>
</html>

链接:https://www.jianshu.com/p/8456191f8ee9

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/112563.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 平稳和非平稳信号_非平稳信号处理

    平稳和非平稳信号_非平稳信号处理平稳和非平稳都是针对随机信号说的。平稳信号是指分布参数或者分布律随时间不发生变化的信号。非平稳信号是指分布参数或者分布律随时间发生变化的信号。常见的平稳信号:一段短的语音信号(10~30ms)常见的非平稳信号:一段长的语音信号,一首歌等给出一个信号(可以随意选取一个.mp3文件,命名为m.mp3),对其进行平稳性分析:%信号的平稳性分析clc,clear;fs=44100;s=a…

    2022年10月28日
  • grub2引导u盘启动_grub4dos怎么进入系统

    grub2引导u盘启动_grub4dos怎么进入系统grub引导BT3硬盘启动                   阿太080611 一、这里使用grub引导程序,关于grub引导程序,这里不多说,其是一个很强的系统引导器,可以区分和引导各种系统.这里提供一个grubfordos安装程序;解压后copy到c:/boot/grub/目录下,并copymenu.lst和chinese目录中的文件grldr文件到C:/.

  • 手机恢复出厂设置命令_OpenWRT 恢复出厂设置命令

    手机恢复出厂设置命令_OpenWRT 恢复出厂设置命令如果通过无线或者有线口无法连接到router,可以用恢复某些设置重新设置路由器。1.开机,等着一个工作灯亮的时候立即按下rest键2秒,然后就开始拼命闪烁,很好现在进入failsafe模式了。2.设置电脑的ip为静态ip192.168.1.x,并设置子网掩码(一般为点一下自动填充)。3.用网线连接路由器的有线口。4.telnet到路由器,默认ip为192.168.1.15.若只是修改某些设置可…

  • 第十七篇:实例分析(1)–初探WDDM驱动学习笔记(八)

    第十七篇:实例分析(1)–初探WDDM驱动学习笔记(八)

  • 八种排序算法的时间复杂度复杂度

    八种排序算法的时间复杂度复杂度https://www.cnblogs.com/dll-ft/p/5861210.html 转载1、稳定性归并排序、冒泡排序、插入排序。基数排序是稳定的选择排序、快速排序、希尔排序、堆排序是不稳定的 2、时间复杂度最基础的四个算法:冒泡、选择、插入、快排中,快排的时间复杂度最小O(n*log2n),其他都是O(n2)排序法 平均时间 最差情形 稳定度…

  • Mac下Homebrew更新国内源brew update卡死(完美解决,网上都不完整)

    Mac下Homebrew更新国内源brew update卡死(完美解决,网上都不完整)

发表回复

您的电子邮箱地址不会被公开。

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