Правильный способ set off() в событиях jquery Hammer

Мне интересно, как лучше всего настроить конфигурацию Hammer.js для простого документа, над которым я работаю. Вот мой код:

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

И функция загружается как на $(document).ready(), так и на (window).resize(), поэтому я делаю .off() в начале. Мне интересно, что это неправильный метод отключения при изменении условного режима экрана, если вы можете мне помочь в улучшении этого кода, я буду очень рад.

берегите себя и хорошего дня :)