У меня есть список в сайдбаре, и я применяю к нему «jQuery Ui Sortable». Для сортировки товаров.
https://api.jqueryui.com/sortable/
Когда я пытаюсь прокрутить список на своем 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()
});
}
})