Перетаскиваемый код не работает с Hammer.js ⇐ Jquery

[Anonymous]

Я успешно реализовал jqueryui Draggable, но как только я добавляю код Hammer.js, код Draggable больше не работает. Как я могу заставить их работать?$('#main').draggable({
axis:'y',
revert:true,
start: function(event, ui){
topValue = ui.position.top;
},
drag: function(event, ui){
if(pastBreakpoint === false){
$('#searchInput').blur();
if(topValue > ui.position.top) return false;
if(ui.position.top >= 161){
if(pastBreakpoint === false){
pastBreakpoint = true;
if($('.loadingRefresh').length === 0) $('#main').before('');
else{
$('.loadingRefresh').remove();
$('#main').before('');
}
$('.loadingRefresh').fadeIn();
$('#main').mouseup();
setTimeout(function(){
location.reload();
}, 1000);
}
}
}
}
});
< /code>
Вот некомментированный код молотка, а код перетаскивания не работает: < /p>
var hammertime = Hammer(document.getElementById('main'), {
transform_always_block: true,
transform_min_scale: 0
});

var posX = 0,
posY = 0,
lastPosX = 0,
lastPosY = 0,
bufferX = 0,
bufferY = 0,
scale = 1,
last_scale = 1;

hammertime.on('touch transform transformend', function(ev) {

if ((" " + ev.target.className + " ").indexOf(" dataCard ") < 0) return;

else manageMultitouch(ev, ev.target); });

function manageMultitouch(ev, element) {

switch (ev.type) {
case 'touch':
last_scale = scale;
return;
case 'transform':
scale = Math.min(last_scale * ev.gesture.scale, 10);
break;
}

if(scale 1.0) $(element).addClass('focused');

var transform = "translate(" + 0 + "px," + 0 + "px) " + "scale(" + 1 + "," + scale + ")";
var style = element.style;
style.transform = transform;
style.oTransform = transform;
style.msTransform = transform;
style.mozTransform = transform;
style.webkitTransform = transform;
}


Подробнее здесь: https://stackoverflow.com/questions/217 ... -hammer-js