jQuery UI sortable touch duration

Question

Я разрабатываю сайт сравнения, где вы можете сортировать элементы по горизонтали, используя функцию сортировки пользовательского интерфейса jQuery. Все элементы находятся в контейнере, который можно прокручивать по горизонтали или по вертикали. Он отлично работает на рабочем столе, и я пытаюсь заставить его работать на планшетах.

я уже мог сделать Сортируемую функциональность работы по таблеткам следующего: jsFiddle

document.addEventListener("touchstart", module.bindTouchHandler, true); 
document.addEventListener("touchmove", module.bindTouchHandler, true); 
document.addEventListener("touchend", module.bindTouchHandler, true); 
document.addEventListener("touchcancel", module.bindTouchHandler, true); 

module.bindTouchHandler = function(event){ 
    var touch = event.changedTouches[0]; 

    var simulatedEvent = document.createEvent("MouseEvent"); 
    simulatedEvent.initMouseEvent({ 
     touchstart: "mousedown", 
     touchmove: "mousemove", 
     touchend: "mouseup" 
    }[event.type], true, true, window, 1, 
            touch.screenX, touch.screenY, 
            touch.clientX, touch.clientY, false, 
            false, false, false, 0, null); 

    touch.target.dispatchEvent(simulatedEvent); 
    event.preventDefault(); 
} 

Проблема заключается в том, что различные сенсорных событиях в настоящее время предотвратить возможность прокрутки по горизонтали/вертикали. Я хотел бы отложить это. Как только начните сортировку/перетаскивание элемента, если пользователь прикасается к нему в течение 2 секунд.

Как я могу справиться с этим?

Answer 1

Пока я не могу прокомментировать вашу проблему, я недавно столкнулся с аналогичной проблемой использования jQuery UI на сенсорных устройствах. Хотя официальная поддержка touch для jQuery идет по линии (expected to show in version 1.14), furf создал элегантный хак, который позволяет работать с jQuery UI с нулевым усилием. Посмотрите здесь: http://touchpunch.furf.com/