Правильный способ запускать() в событиях jquery hammer

Question

Мне интересно, что является лучшим способом для настройки моей конфигурации 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() в начале .. мне интересно, что это неправильный метод на получение его выключенным в случае условных изменений экранного режима, если вы можете помочь мне в улучшении этого кода, я буду очень рад.

уход тейк и имеют хороший день :)

Answer 1

Ну вы можете сделать это:

touchableArea.hammer().off().on(...) 

Или $(touchableArea).unbind() вероятно, будет работать.

Или сделать так:

$('#touchableDiv, #tappableDiv').unbind() 

ТАКЖЕ: Я вижу на GitHub, что кто-то добавил метод hammer.destroy().

ТАКЖЕ СМОТРИТЕ: Removing hammer events