javascript - 重新排列区域内的图块

Question

我正在尝试创建一个可以重新排列的平铺网格。瓷砖大小不一。这是我已经走了多远。

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/