title: Proper way to set off() in jquery hammer events
body: <p>I'm wondering what is the best way for setting up my hammer.js configuration on a simple document which I'm working on. Here's my code:</p>
  
  <pre><code>var tappableArea = $('.content');
  var touchableArea = $('.sidebar');
  
  function reloadHammerGestures() {
    tappableArea.hammer().off("doubletap");
    touchableArea.hammer().off("swipeleft swiperight");
    hammerGestures();
  }
  
  function hammerGestures() {
    tappableArea.hammer().off("doubletap");
    touchableArea.hammer().off("swipeleft swiperight");
  
    if (fullScreenMode()) {
      touchableArea.hammer().on("swipeleft swiperight", function(event) {
        alert("swiped!");
    });
  
    else if (!fullScreenMode()) {
      tappableArea.hammer().on("doubletap", function(event) {
        alert("tapped");
      });
    }
  }
  
  $(document).ready(function() {
   hammerGestures();
  });
  
  $(window).resize(function () {
    reloadHammerGesture();;
  });
  </code></pre>
  
  <p>And the function is both loaded on <code>$(document).ready()</code> and <code>(window).resize()</code>, so that's why i'm making <code>.off()</code> in the beginning..
  I'm wondering that this is the wrong method on getting it disabled when screen-mode conditional changes, if you can help me in improving this code, I'll be very happy.</p>
  
  <p>take care and have a nice day:)</p>