将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