Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Minimalistic touch-compatible Drag'n'Resize for jQuery.
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
README.md
jqdnr.js

README.md

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
Something went wrong with that request. Please try again.