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
MongoDB Atlas runs apps anywhere
MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
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
