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
License
MIT LicenseFollow JQuery UI Draggable Collision
Other Useful Business Software
AI-generated apps that pass security review
Retool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
Rate This Project
Login To Rate This Project
User Reviews
-
I like this feature, but I'm facing a margin issue when I drag the element inside a container with prevent collision
