美文网首页
移动端jquery click 失效的情况处理

移动端jquery click 失效的情况处理

作者: 翻滚的前端程序员 | 来源:发表于2017-04-10 18:22 被阅读441次

    安卓失效,ios正常
    最近在做一个移动端的小项目,突然就碰到这样一个坑,demo代码:

    <li>click me</li>
    <p style="display none">show</p>
    <script>
        $(function(){
    
            $("li").click(function() {
    
                $("p").show();
    
            })
    
        })
    </script>
    

    当时情况就是pc端 chrome模拟点击没有问题,Ios没有问题,安卓点击无效果。后来在群友的帮助下,发现一个很巧的方法:

    style.css
    
    li {
        cursor: pointer;
    }
    

    OK,完美解决点击问题

    相关文章

      网友评论

          本文标题:移动端jquery click 失效的情况处理

          本文链接:https://www.haomeiwen.com/subject/omceattx.html