title: hammer.js and preventDefault();
body: <p>js to also support touch-gestures. I'm bagging my head about prevent default actions. when I set <code>event.preventDefault</code> or <code>event.gesture.preventDefault()</code> or even apply parameter <code>{prevent_defaults: true }</code> on hammer it just triggers default action on the anchor. How can I prevent that and/or what am I doing wrong?!</p>
  
  <p>Code snippet; </p>
  
  <pre><code>function initializeNavigation() {
      $("nav").hammer({prevent_defaults: true }).on("tap", "a", function(event) {
          event.preventDefault();
          event.gesture.preventDefault();
          var target = $(this.hash);
          scrollToTarget(target, 1200);
          // if there is an open detailItem then close it.
          if (detailItemOpen) {
              $("div." + detailItemOpen).slideUp();
          }
      })
  
      if (Modernizr.mq('only screen and (max-width: 767px)'))  {
          initializeMobileMenuAndSetButton();
      }
  }
  </code></pre>