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

所以这里出了什么问题？这是一个现场演示：http://holmgallery.com/index.php/collection.html 在标题库下方，点击其中一个对象

Answer 1

好的，知道了 - 所以使用jQuery Wrapper插件，给我更多的委托控制权。现在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;
    }
  });
});

hammer.js在点击事件中杀死一个href

1 个答案: