options
axis: 'x'
Drag me
axis: 'y'
Drag me
containment: 'document'
Drag me
containment: 'parent'
Drag me
cursorAt: {top: 2, left: 2}
Drag me
cursorAt: {bottom: 20, right: 14}
Drag me
dragPrevention: 'a,input,textarea'
Drag me
effect: ['fade', '']
Drag me
effect: ['', 'fade']
Drag me
effect: ['fade', 'fade']
Drag me
grid: [50, 50]
Drag me
handle: 'div'
Drag me
helper: 'clone'
Drag me
helper: function() { return divHelper; }
Drag me
opacity: 0.40
Drag me
preventionDistance: 40
Drag me
preventionTimeout
complete demo
revert: true
helper: 'clone'
Drag me
revert: true
helper: 'original'
Drag me
scroll: true
Drag me
scroll: false
Drag me
wrapHelper
complete demo
cursorAt: { top: -16, left: -16 } and overflowing container
Drag me
helper: 'clone'
appendTo: 'body'
Drag me
helper: 'clone'
Drag me
simple draggable
simple draggable - with clone
Callbacks
start
Drag me
drag
custom drag modifier (circle dragging)
Drag me
stop
Drag me