title: Prevent swiperight event from hammerjs with carousel slide
body: <p>I'm using Hammer.js (v2.0.8) to show the left menu but I also have a carousel in the same page (with owl carousel v2.3.4). When I slide the carousel, the menu open too. I try <code>Hammer.off()</code> but he doesn't work.</p>
  
  <p>This is the Hammer event (in the global js so for all pages): </p>
  
  <pre><code>var hammertime = new Hammer(document.body);
  hammertime.on('swiperight', function(ev) {
      //my function here
  });
  </code></pre>
  
  <p>And I want to disable the event when touching this element : </p>
  
  <pre><code>&lt;div class="owl-carousel owl-theme " id="events"&gt;&lt;DYNAMIC_SLIDE_HERE&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How to do this ? </p>
  
  <p>Thanks</p>