Proper way to set off() in jquery hammer events -

i'm wondering best way setting hammer.js configuration on simple document i'm working on. here's 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();; }); 

and function both loaded on $(document).ready() , (window).resize(), that's why i'm making .off() in beginning.. i'm wondering wrong method on getting disabled when screen-mode conditional changes, if can me in improving code, i'll happy.

take care , have nice day:)

well can this:

touchablearea.hammer().off().on(...) 

or $(touchablearea).unbind() work.

or both:

$('#touchablediv, #tappablediv').unbind() 

also: see on github added hammer.destroy() method.

also, see: removing hammer events