JQuery UI Draggable Collision 1.0.2

A collision detection plugin for jQuery UI
JQuery UI Draggable Collision - Collision detection, red spots cannot be dragged over gray spots
  1 Screenshot
The plugin handles drag and drop collision events, and also provides collision-avoidance actions.

Collision and containment settings are hierarchical and extensible, allowing for complex interactions.

A pure jQuery version is available here.

Main features:

  • Extends jquery-ui-draggable
  • Provides events for collision-detection during dragging
  • Just as with jquery-collision, can provide protrusion events as well (escape from a restraint)
  • Can prevent collisions of the draggable and obstacles
  • Can prevent protrusions of the draggable from multiple restraints
  • Can make selected children of the draggable the "colliding entities", allowing a draggable that is a bucket of other objects, where those child objects are the ones that collide with or avoid obstacles
  • Can be configured to have multiple classes of obstacles and restraints under the same draggable

last updated on:
January 16th, 2013, 9:56 GMT
license type:

MIT License

developed by:
Sean Cusack
operating system(s):
Windows / Linux / Mac OS / BSD / Solaris
C: \ Graphics and Multimedia \ Graphics and Animations
JQuery UI Draggable Collision
Download Button

In a hurry? Add it to your Download Basket!

user rating



Rate it!

Add your review! 1 USER REVIEW SO FAR