Make elements draggable to drop them over droppable targets.
Draggable
class to make elements draggable:
feedback
option:
'default'
: The original element moves with the drag (best for most cases)'clone'
: A copy of the element stays in place while the original moves (good for drag-to-copy)'move'
: The element moves without a placeholder (minimal visual feedback)'none'
: No visual feedback (useful for custom drag overlays)Draggable
class accepts the following arguments:
true
to temporarily prevent dragging this element.destroy()
method of this instance.Draggable
instance provides these key properties:
id
: The unique identifierelement
: The main DOM elementhandle
: The drag handle element (if specified)type
: The assigned typedisabled
: Whether dragging is disabledisDragging
: Whether this element is currently being draggedisDropping
: Whether this element is being droppedregister()
: Register this draggable with the managerunregister()
: Remove this draggable from the managerdestroy()
: Clean up this draggable instance and remove all listeners