Reorder tiles within an area

Question

I am trying to create a mesh grid that can be rebuilt. Tiles of different sizes. This is how far I got.

How to prevent rearrangement of tiles outside the gray area? I do not want this to happen: http://i.imgur.com/0JAfY.png

Appreciate any help.

+3

b-marls May 24 '12 at 20:55

1 answer

Darren davies · Accepted Answer · 2012-05-24T21:12:25+0000

Just use the parameter containment: this will stop the movement of elements outside.

$('ul').sortable( "option", "containment", 'parent' );