jquery - 将 jGestures 与 jQuery "on"事件结合使用

Question

我有许多动态生成的 div 需要点击。对于面向鼠标的设备，我通常这样做:

$("#wrap").on("click", 'div', function() { console.log("clicked!"); });

我注意到使用 jGestures 自定义事件时移动设备的灵敏度显着提高，以这种方式使用时效果非常好:

$("#wrap").bind('tapone', function() { console.log("tapped!"); });

但是，我无法将 tapone 与 jQuery .on 事件一起使用，如下所示:

$("#wrap").on("tapone", 'div', function() { console.log("tapped!"); });

有人知道解决这个问题的方法吗？

Answer 1

建立你自己的代表团，如果你有这个:

$("#wrap").on('click', '#myID', function() { console.log("clicked!"); });

它真正做的是:

$("#wrap").on('click', function(e) { 
    if ( e.target.id == 'myID' )
        console.log("clicked!"); 
});

因此，对于您的自定义事件，您可以执行以下操作:

$("#wrap").on("tapone", function(e) {
    if ( e.target.tagName.toLowerCase() == 'div' )
        console.log("tapped!"); 
});

FIDDLE