Как я могу использовать функции jQuery UI Draggable и Sortable для работы на iPhone?

У меня есть страница, которая использует JQuery UI; в частности взаимодействие Sortable.

Эта страница отлично работает для настольных веб-браузеров с мышами, однако я не могу заставить функцию перетаскивания работать на Mobile Safari на iPhone. Любое действие перетаскивания просто прокручивает страницу.

Функциональность моей страницы очень похожа на демонстрацию Sortable Empty-Lists на сайте пользовательского интерфейса JQuery. Эта страница также не работает на iPhone.

Есть ли способ получить функции перетаскивания, работающие на iPhone?

Ответы

Ответ 1

В соответствии с документацией Mobile Safari docs перетаскивание не поддерживается, но его можно моделировать. Поскольку в основном перетаскивание пальца вдоль прокрутки браузера, вам придется отключить это. Это можно сделать следующим образом:

$(document).bind('touchmove', function(e) {
   e.preventDefault();
}, false);

В противном случае вам придется обрабатывать события touchstart, touchmove и touchend.