JQuery UI Draggable Collision download

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/

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

Project Samples

Prevent objects from overlapping while dragging

Even complex objects with children "flow" over the obstacles

Multi-level objects can even interact simultaneously with different obstacles differently

Project Activity

See All Activity >

License

MIT License

Follow JQuery UI Draggable Collision

JQuery UI Draggable Collision Web Site

Other Useful Business Software

Demo Series - Small Business Backup By Veeam

Learn how to protect your Microsoft 365 data, with simple, actionable tips today.

Watch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.

Watch Demo Series

Rate This Project