在一个区域内重新排列瓷砖

Question

我正在尝试创建一个可重新排列的瓷砖网格，这些瓷砖大小不同。以下是我已经完成的部分。

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

我该如何防止瓷砖在灰色区域之外被重新排列？我不希望这种情况发生：http://i.imgur.com/0JAfY.png 非常感谢任何帮助。

- b-marls

---

你期望发生什么事情？ - Blazemonger

查看元素的尺寸，并且如果其相邻的元素类型不正确，则不允许将其删除。 - Diodeus - James MacFarlane

我希望瓷砖在灰色容器内重新排列。在重新排列时，我不希望瓷砖超出容器范围。 - b-marls

我尝试了类似这样的东西：http://jsfiddle.net/dMtRs/8/。我认为我失败了，但也许有人可以接手。晚安。 - Kobi

Answer 1

只需要使用containment选项：这将阻止元素被拖出去。

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

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

- Darren

---

嗨，达伦，感谢你抽出时间。当我重新排列瓷砖（例如将5向上移动）时，另一个瓷砖仍然会超出容器范围。 - b-marls

@b-marls - 如果我可以问一下，这个回答真的解决了你的问题吗？ - Kobi