JQuery ui drag-and-drop function and jqueryui drag-and-drop Function

JQuery ui drag-and-drop function and jqueryui drag-and-drop Function

1. obj. draggable ({distance: 20}) // specify to start dragging only after moving more than 20 pixels.
2. obj. draggable ({delay: 1000}) // drag and drop only after the mouse is pulled for 1000 milliseconds
3. obj. disableSelection () // when dragging, the text cannot be selected
4. obj. draggable ({snap: true}); // capture all elements when dragging
5. obj. draggable ({scroll: true, scrollSensitivity: 100}); // you can scroll through the div container to prevent control loss caused by dragging to an invisible position.
ScrollSpeed: 100 sets the scroll speed
6. ("# draggable "). draggable ({revert: true}); // drag and drop ("# draggable2 "). draggable ({revert: true, helper: "clone"}); // reverse drag to copy
Reverse drag: when you drag an element to a certain position and release the mouse, the element is not placed in the target position,
Instead, it is restored to the original position. The copy is copied and dragged, And the mouse is released to the original position.