hammer.js殺死一個自來水事件

Question

我正遇到一個問題，用錘子敲打事件。 我正在使用此腳本在點按事件中顯示隱藏的div。 在這個div結構裏面，我有一個帶有鏈接的標籤，但它分開了，我不知道爲什麼。

<div id="_news_8_" class="news_latest small-12 medium-6 columns"> 
    <div class="news-info"> 
    <div class="news-info-content table tap-object"> 
     <div class="table-cell align-middle"> 
     <h2>Headline</h2> 
     <h6>Subheadline</h6> 
     <p class="more"><a href="link-to.html">&gt; Detail <span class="invisible">Text</span></a></p> 
     </div> 
    </div> 
    </div> 
    <div id="_slidesnews_8_" class="_bstretch_"> 
    ... 
    </div> 
</div> 

和腳本

$tapObject = $('.tap-object'); 
[].slice.call($tapObject).forEach(function(element) { 
    hammertap = new Hammer(element); 
    hammertap.on('tap', function(event) { 
    if (event.target !== activeTap) { 
     if (activeTap !== undefined) { 
     $(activeTap).removeClass('on'); 
     } 
     $(event.target).addClass('on'); 
    } 
    activeTap = event.target; 
    }); 
}); 

所以what's去錯在這裏？ here's現場演示：下下來頁眉畫廊http://holmgallery.com/index.php/collection.html ，點擊對象

Answer 1

確定的一個，知道了 - 所以使用jQuery插件包裝，give's我在代表團更多的控制。現在a.href工作正常。

var $rootObject = $('.news_latest'); 
[].slice.call($rootObject).forEach(function(element) { 
    hammertap = new Hammer(element); 
    $(element).hammer({domEvents:true}).on("tap", '.tap-object', function(event) { 
    if (event.currentTarget !== lastTap) { 
     if (lastTap !== undefined) { 
     $(lastTap).removeClass('on'); 
     } 
     $(event.currentTarget).addClass('on'); 
     lastTap = event.currentTarget; 
    } 
    }); 
});