jQuery UI Draggable - Delay start
#draggable, #draggable2 { width: 120px; height: 120px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
$(function() {
$("#draggable").draggable({ distance: 20 });
$("#draggable2").draggable({ delay: 1000 });
$(".ui-draggable").disableSelection();
});
Only if you drag me by 20 pixels, the dragging will start
Regardless of the distance, you have to drag and wait for 1000ms before dragging starts
Delay the start of dragging for a number of milliseconds with the delay option; prevent dragging until the cursor is held down and dragged a specifed number of pixels with the distance option.