Что происходит с jQuery UI Sortable на устройстве с сенсорным экраном?

Я использую jQuery UI Sortable .

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

Это, похоже, отлично сработало. Однако на мобильном устройстве (я использую iPhone для тестирования, но это также происходит на симуляторе iPhone), когда вы пытаетесь переместить второй элемент (т.е. следующий элемент для сортировки после того, как вы уже отсортировали его), его начальный позиция смещена в обе стороны примерно на ширину элемента.

Example

Когда я второй раз пытаюсь перетащить один из этих розовых прямоугольников, вместо того, чтобы появиться под моим пальцем и перемещаться вместе с ним, он начинается примерно на ширину прямоугольника влево или вправо, а затем прыгает у меня под пальцем.

Я создал пример на jsFiddle . Нажмите кнопку прикрепить , чтобы добавить функцию сортировки jQuery к элементам списка.

Я пробовал много чего, в том числе играл с событием change и пытался вернуть его обратно, но не смог заставить его работать надежно.

Как решить эту проблему?

12
задан Community 23 May 2017 в 12:34
поделиться