防止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); 
});