jQuery UI Sortable - Delay start
#sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0; margin-bottom: 15px;zoom: 1; }
#sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 95%; }
$(function() {
$("#sortable1").sortable({
delay: 300
});
$("#sortable2").sortable({
distance: 15
});
$("li").disableSelection();
});
Time delay of 300ms:
Item 1
Item 2
Item 3
Item 4
Distance delay of 15px:
Item 1
Item 2
Item 3
Item 4
Prevent accidental sorting either by delay (time) or distance. Set a number of
milliseconds the element needs to be dragged before sorting starts
with the delay option. Set a distance in pixels the element
needs to be dragged before sorting starts with the distance
option.