流星点击发生两次

Question

我试图通过toggleClass而不是hide/show来改变它的位置来隐藏/显示导航.(我有我的理由.)

用于显示/隐藏此类事物的标准3 bar导航链接正好是位置切换后出现一个导航图标的位置.单击导航链接可将导航区域完美地定位到位置,但随后它还会单击出现在该处的图标并直接跳转到与该图标关联的新URL.但我只点击一次.

导航链接通过z-index位于导航图标下方.

我无法弄清楚如何使用这种语法取消绑定点击,我已经尝试了e.preventDefault和超时以及我发现的其他想法.什么都行不通.

这是我非常简单的js:

Template.header.events({

  'tap #menulink': function(e) {
   e.preventDefault();
   $('nav').toggleClass('shownav');
  }

});

Answer 1

这是因为事件冒泡而发生的.尽量e.stopPropagation()避免这种情况.

Template.header.events({
  'tap #menulink': function(e) {
   e.preventDefault();
   e.stopPropagation()
   $('nav').toggleClass('shownav');
  }   
});