jquery - 防止 Ghost Click - Hammer JS 动态元素

Question

我有一个空容器 div，其中动态填充了一堆 div：

<div class="tile-container">
    <div class="tile tile-position-1-1">3</div>
    <div class="tile tile-position-1-2">2</div>
    <div class="tile tile-position-1-3">1</div>
</div>

我正在使用 Hammer jQuery 插件来检测各个方向的滑动。这适用于带有鼠标滑动的桌面，但在移动设备上进行测试时，它没有拾取滑动。

任何想法为什么它不能在移动设备上运行？

var hammertime = $('.tile-container').hammer({prevent_default:true, domEvents:true});
$('.tile-container').data("hammer").get('swipe').set({ direction: Hammer.DIRECTION_ALL, threshold: 0 });
    hammertime.on("swipeleft swiperight swipeup swipedown", ".tile", function(ev) {
    PreventGhostClick('.tile-container');
    ev.originalEvent.gesture.srcEvent.preventDefault();
    var classIndex = $.grep($(this).attr('class').split(' '), function(v, i) {
            return v.indexOf("tile-position") === 0;
        }).join();
    alert(ev.type + " " + classIndex); 
});