重新排列区域内的瓷砖

我正在尝试创建一个可以重新排列的磁贴网格。 瓷砖的尺寸不同。 这是我走了多远。

http://jsfiddle.net/psivadasan/dMtRs/

如何防止瓷砖在灰色区域外重新排列？ 我不希望这种情况发生： http ： //i.imgur.com/0JAfY.png

感谢任何帮助。

Answer 1

只需使用containment选项：这将停止向外拖动的元素。

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

http://jsfiddle.net/dazefs/dMtRs/7/