hammer.js가 탭 이벤트 href를 죽입니다.

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