JQuery UI Draggable Collision

Add a Review
23 Downloads (This Week)
Last Update:
Download jquidragcollide1.0.2min.tar.gz
Browse All Files
Windows Mac Linux



Combines with jquery-ui-draggable 1.9.2+ and jquery-collision 1.0.2+. Provides collision events while dragging, and handles collision-avoidance. Collision and containment settings are hierarchical and extensible, allowing for complex interactions.

Try it out: http://eruciform.com/jquidragcollide/

JQuery UI Draggable Collision Web Site




MIT License


  • 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
  • Documentation: https://sourceforge.net/p/jquidragcollide/wiki/Home/
  • Depends on: https://sourceforge.net/projects/jquerycollision/

Update Notifications

Write a Review

User Reviews

Be the first to post a review of JQuery UI Draggable Collision!

Additional Project Details

Intended Audience


Programming Language



Screenshots can attract more users to your project.
Features can attract more users to your project.

Icons must be PNG, GIF, or JPEG and less than 1 MiB in size. They will be displayed as 48x48 images.