j-kristo
@j-kristo
Javascript, Vue.js dev (in past: as3, gsap, ui/ux)

Jquery-Ui Sortable — сортирует список, но не прокручивает страницу на iPad. Как сделать что бы была прокрутка и сортировка через delay?

У меня есть список в сайдбаре, и я применяю к нему «jQuery Ui Sortable». Для сортировки товаров.
https://api.jqueryui.com/sortable/

5fa34cec55e3a484649540.png

Когда я пытаюсь прокрутить список на своем iPad, проводя пальцем по экрану и он попадает на элемент списка, вместо прокрутки начинается перетаскивание item'a, список сортируется но не удается проскролить.
Я думаю, что в jQuery.sortable есть опция для управления этим. В параметрах где то:

$('.target-list').sortable({
    delay: 500,
    scroll: true,
   ...
   // сортируем тут если после задержки если по тачу delay > 500, или скролим если задержка не дождалась 500, 
  //  т.е. свайп обычный должен отрабатывать
})


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

$('.target-list').sortable({
    delay: 500,
    scroll: true,
    items: '.unit',
    stop: function (e, ui) {
        $.post('/some_sourse/reorder', {
            order: $('.target-list .unit').map(function (i, el) {
                return $(el).data('id');
            }).toArray()
        });
    }
})
  • Вопрос задан
  • 111 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы