/jqDnR-touch

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

Primary LanguageJavaScript

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

based on jqDnR © 2007 Brice Burgess <bhb@iceburg.net>

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