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