gaarf / jqDnR-touch

Minimalistic touch-compatible Drag'n'Resize for jQuery.

jqDnR-touch - Minimalistic Drag'n'Resize for jQuery

based on jqDnR © 2007 Brice Burgess <[e-mail]>

Licensed under the MIT License.

This version was heavily modified by @gaarf for:

• jQuery 1.4 support
• touch events (works on iOS devices)
• z-index upping
• legibility

Usage:

if box is a DOM node that should be draggable:

$(box).jqDrag();

if box is a DOM node that should be both draggable and resizable:

$(box).jqDrag(moveHandle).jqResize(resizeHandle);

where moveHandle/resizeHandle are optional DOM elements. if not defined, the whole box will be used as handle.

jQuery synthesized events triggered:

• jqDnRstart drag/resize operation starts
• jqDnRend drag/resize operation ends
• jqDnRtop element brought to top (via click or touch) without drag