# jQuery UI Draggable - Snap to element or grid

I'm a snap target

Default (snap: true), snaps to all other draggable elements

I only snap to the big box

I only snap to the outer edges of the bix box

I snap to a 20 x 20 grid

I snap to a 80 x 80 grid

Snap the draggable to the inner or outer boundaries of a DOM element. Use the snap, snapMode (inner, outer, both), and snapTolerance (distance in pixels the draggable must be from the element when snapping is invoked) options.

Or snap the draggable to a grid. Set the dimensions of grid cells (height and width in pixels) with the grid option.