jQuery Collidify.js Examples

A jQuery plugin for jQuery UI's draggable widget that can be used to determine whether two draggable objects collide and fire events accordingly.

Basic Demo

Drag Me!

Drag over me!

No Collision yet...

Collision Count

Drag Me!

Drag over me!

Collisions:

0

Detect if is completely dragged inside an element

Drag Me!

Drag inside me!

No Collision yet...

Revert Position

Drag Me!

Drag inside me and release!

All In One

Drag Me!

Drag inside me for border 1!

Drag inside me for border 2!