сортировка jquery-ui | Как заставить его работать на iPad / touchdevices?

Question

сортировка jquery-ui | Как заставить его работать на iPad / touchdevices?

95

Как мне получить сортировку jquery-ui на iPad и других сенсорных платформах? http://jqueryui.com/demos/sortable/

Я пытался работать с

event.preventDefault();
event.cancelBubble=true;
event.stopPropagation();

для touchmove и события прокрутки, но единственный результат - как и ожидалось - что страница больше не прокручивается.

Любые идеи? СПАСИБО! EH!

eventhorizon 09 янв. 2011, в 20:49

Источник

0

Есть ли сообщение об ошибке для этого?
Marc-André Lafortune 25 июнь 2014, в 15:55
0

Может ли что-то подобное быть полезным? github.com/mattbryson/TouchSwipe-Jquery-Plugin
jinglesthula 16 авг. 2016, в 14:20

Теги:

scroll

jquery-ui

jquery-ui-sortable

ipad

touch

2 ответа

Ещё вопросы

Есть ли сообщение об ошибке для этого?
Может ли что-то подобное быть полезным? github.com/mattbryson/TouchSwipe-Jquery-Plugin

eventhorizon · Answer 1 · 2011-01-10T16-34-00.000Z

178

Нашел решение (только тестировалось с iPad до сих пор!)!

http://furf.com/exp/touch-punch/sortable.html

eventhorizon 10 янв. 2011, в 16:34

0

Это прекрасно! Он переназначает события касания на события мыши. Я люблю это! Спасибо.
Kon 21 июнь 2011, в 17:30
8

Это работает на планшете Android тоже. Специально протестировано на Samsung Galaxy Tab 10.1 на Android 3.1.
absynce 10 янв. 2012, в 20:50
3

Это работает на Samsung Galaxy Note, а также.
dickyj 09 фев. 2012, в 03:54
1

Он также работает на Motorola Xoom с Android 3.2!
Dani bISHOP 11 фев. 2012, в 20:45
0

Спасибо, ребята, я искал это некоторое время.
Adi Omari 13 фев. 2012, в 20:15
0

Какое простое, элегантное, идеальное решение. Разработка забавных онлайн-инструментов для ipad стала намного проще.
Phil 13 июль 2012, в 16:16
3

Работает на Samsung Galaxy S2 с Android 2.3.4
MrUpsidown 03 авг. 2012, в 18:35
1

Работает на Samsung Galaxy Y
Jules 17 окт. 2012, в 11:31
1

Работает на Samsung Galaxy S2 с Android 4.1.2
Wessel Kranenborg 04 апр. 2013, в 06:58
8

Хорошая вещь. Вы должны добавить зеленую отметку к этому ответу.
Jonas T 29 апр. 2013, в 00:47
1

Я могу добавить, что это работает на планшете Audiola, с Android 4.0 :)
Erenor Paz 09 июнь 2013, в 20:16
1

iPhone 4 / iOS 7.0.2 - работает как шарм!
Oswaldo Acauan 08 окт. 2013, в 16:54
1

Это прекрасно работает! Хотя у меня есть таблица, покрывающая всю страницу, поэтому становится трудно прокручивать вверх и вниз без перемещения элементов. Кто-нибудь решал эту проблему? Добавление чего-либо для предотвращения перемещения элементов до тех пор, пока они не коснутся этого конкретного в течение X секунд, должно сработать?
Tom 31 окт. 2013, в 23:18
2

Начиная с 1/2014, он не работает в Internet Explorer в Windows Phone. Надеюсь, когда другие браузеры станут доступны, это сработает.
edcincy 24 янв. 2014, в 18:38
0

Работает ли что-нибудь на Windows Phone IE? ;-)
Max Williams 14 фев. 2014, в 09:32
1

Работает на Moto G 4.4, Galaxy S4, 4.1.2 и Ideapad Tab с сотами.
DannyG 10 июль 2014, в 19:09
1

Я пытался заставить это работать на складской проект, над которым мы работаем. Думаю, я опубликую скрипку, над которой я работаю, которая работает с сенсорным управлением (с использованием функции furf.com) и сериализацией данных. jsfiddle.net/30m4wfdr
Craig Jacobs 21 нояб. 2014, в 15:18
0

@MaxWilliams, кого это волнует; P (шучу - хотя в каждой шутке есть свои истины)
James Cazzetta 03 июль 2015, в 12:33
0

Вы должны уважать элегантное решение, работает как шарм!
teutara 07 окт. 2016, в 07:51
0

Работает с февраля 2017 года, iPad Pro.
BernieSF 23 фев. 2017, в 17:01
0

Я должен был включить файл сенсорного удара ДО, включая файл nestedSortable.js, чтобы это работало.
John Langford 14 июнь 2017, в 21:39
0

потрясающе, работает на всех мобильных устройствах, на которых я его тестировал (Huawei P9, S7, S8)
Daniel Resch 15 дек. 2018, в 18:34

Показать ещё 20 комментариев

Karan Dubal · Answer 2 · 2016-03-19T12-30-00.000Z

Том, Я добавил следующий код в mouseProto._touchStart событие:

var time1Sec;
var ifProceed = false, timerStart = false;
mouseProto._touchStart = function (event) {

    var self = this;

    // Ignore the event if another widget is already being handled
    if (touchHandled || !self._mouseCapture(event.originalEvent.changedTouches[0])) {
        return;
    }

    if (!timerStart) {
        time1Sec = setTimeout(function () {
            ifProceed = true;
        }, 1000);
        timerStart=true;
    }
    if (ifProceed) {
        // Set the flag to prevent other widgets from inheriting the touch event
        touchHandled = true;

        // Track movement to determine if interaction was a click
        self._touchMoved = false;

        // Simulate the mouseover event
        simulateMouseEvent(event, 'mouseover');

        // Simulate the mousemove event
        simulateMouseEvent(event, 'mousemove');

        // Simulate the mousedown event
        simulateMouseEvent(event, 'mousedown');
        ifProceed = false;
         timerStart=false;
        clearTimeout(time1Sec);
    }
};