iPad Javascript / jQuery touchstart问题

我在iPad上有一个页面,并且遇到了一些实现相应的鼠标移动行为的问题。

所以我有:

  • 在我的页面上,点击(或者更确切地说,触摸)时有一个复选框,我想显示errorMsg
  • 点击/触摸errorMsg以外的任何东西,我想隐藏errorMsg
  • 以下是我写的代码;

    $(document).bind("touchstart",function(e){
             if(e.target.id != "checkbox_err")
            $("span#checkbox_err").fadeOut("slow");
         });
    }
    
    
    $("input:checkbox").bind("touchstart",function(){
    $("span#checkbox_err").fadeIn("fast");
    
    });
    

    现在的问题是,当我点击/触摸复选框时,errorMsg显示一段时间,然后它也立即隐藏它(因为target不是errorMsg)

    我如何解决这个问题?


    据我所知,没有必要实现触摸事件来实现你想要的。 您可以使用常见的点击事件。 它将由设备的浏览器模拟。


    听起来像是鬼点击,请阅读http://code.google.com/mobile/articles/fast_buttons.html


    试试这个js小提琴代码。它适用于所有主流浏览器和所有触摸设备。

    http://jsfiddle.net/vecny/

    链接地址: http://www.djcxy.com/p/49951.html

    上一篇: iPad Javascript/jQuery touchstart issue

    下一篇: g agile web development with rails 4