Jquery 防止重影单击-锤击JS动态元素

我有一个空容器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>

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