另一种可排序的 jquery答案

【问题标题】：A different kind of jquery sortable另一种可排序的 jquery
【发布时间】：2011-07-26 21:32:28
【问题描述】：

我有不同大小的元素，它们在某种程度上按照网格排列（如下图所示），我想正确拖放这些元素。有没有一个插件可以做到这一点？ Sortable 无法正确执行...

编辑：通过“正确”，我的意思是它应该正常运行（这意味着如果我将大的拖放到右侧，它应该智能地重新排列）。也许我只需要看到一个能做我想做的事，我会让它“正确地”做事

编辑：如果你移动右边的大块（它应该是什么样子）。

编辑：我只是想要一种重新排列像这样的网格布局的方法。我可以接受其他想法..

【问题讨论】：

“正确”定义不明确
还是不够清楚。当您“将大的拖放到右侧”时应该发生什么？举例说明您将其放置在何处以及您希望布局如何显示。
我刚刚编辑过，但大厅的想法是我可以以某种方式重新排列像这样的网格布局:)
我见过这样的插件，我只是希望我能记得在哪里。他正在寻找 960 个网格和可排序 div 之间的交叉点。
您的要求并不容易。当你说“智能地重新排列”时，一旦你开始尝试实际构建它，那块拼图就会变得更大、更复杂。阅读我对 The mythical drag n’ drop multi-column grid plugin 的想法，其中涉及将 Draggable 添加到 Masonry 或 Isotope

【解决方案1】：

在Ducksboard，我们刚刚推出了gridster.js，这是一个jQuery 插件，可以从跨越多列的元素构建可拖动的布局。现场演示可以在gridster.net看到。

我们正在使用它在仪表板中排列不同大小的小部件。希望你喜欢！

【讨论】：

【解决方案2】：

试试isotope's re-layout。但请务必在Isotope 上查看他们的其他示例。无论如何...这应该会给你一个健康的起点。

【讨论】：

【解决方案3】：

我知道你之前问过这个，但我终于想起了它叫什么......

干杯。

【讨论】：

【解决方案4】：

看看 Geckoboard，它（我相信）使用jQuery Sortable 来实现拖放网格布局。

【讨论】：

【解决方案5】：

这是一个使用 Isotope 和 jQuery UI 的simple way to do it。

【讨论】：