jquery touchstart没有处理文档

Question

如果您使用以下语法,一个简单的touchstart事件将起作用:http: //jsfiddle.net/rwdu4hb9/

$(function(){
    $('.test').on('touchstart', function(){
        alert("Clicked");
    });
});

但是如果你想为所有即将到来的元素添加你的活动,请$(document).on(..)点击这里:http: //jsfiddle.net/rwdu4hb9/1/

$(function(){
    $(document).on('touchstart', '.test', function(){
        alert("Clicked");
    });
});

该事件不会被触发.这次电话有什么问题？

使用iOS 8.0.2在iPad上测试

Answer 1

出于好奇，您是否有任何理由避免使用clickevent 而不是touchstart？一般来说，移动浏览器将click作为“触摸”事件进行处理。过去我在不同设备上的触摸与点击方面遇到过麻烦（已通过modernizr解决）

至少，我会绑定两个事件（click和touchstart），这将处理移动和桌面（更新了你的小提琴 - http://jsfiddle.net/srdkgL7o/）

$(function(){
    $(document).on('touchstart click', '.test', function(e){
         e.stopPropagation(); //stops 'ghost clicks' (double clicking)
        alert("Clicked");
    });
});