重新排列区域内的瓷砖

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/