$(document).on('click', '.menu', function() （）} 在手机上失效

Question

    $(document).on('click', '.menu', function() {
        console.log(123)
        $('#shadow_nav').toggle();
        $('html,body').css({
            'height': '100%',
            'width': "100%",
            'overflow': 'hidden'
        });
    });

这种写法在手机上失效
在chrome 模拟器上有效

Answer 1

已经解决
​给​目标元素加一条样式规则 cursor: pointer; 就行啦

参考文档 链接描述

Answer 2

手机上用tap事件吧，类似于触摸这种行为

Answer 3

手机端最好用 touchstart 代替 click

Answer 4

你确定引入可JQUERY了吗？

Answer 5

放在 window.onload 事件里面试试看, 可能手机网速慢，页面有些资源没加载完成就跑这部分代码了

Answer 6

safri 是个鸟。。

Answer 7

手机上click时间不好用，用tap

Answer 8

学习学习学习

Answer 9

移动端请使用 touch 事件，click 是有延迟的，体验很差