2011-03-31 31 views
11

我有不同大小的元素按照网格排列(如下图所示),我想正确拖放这些元素。有没有插件可以做到这一点? Sortable不正确地做它...不同类型的jquery排序

编辑: 通过“正常”我的意思是它应该正常行事(意思是如果我拖放大的右边它应该inteligently重新排列)。也许我只需要看到一个我想要做什么,我会让它做的东西“正常”

sortable grid

编辑: 如果将大块右侧(应该如何看起来像)。

sortable grid 2

编辑: 我只是想办法重新安排网格状布局像这样的。我可以接受其他想法..

+5

“正常”没有明确定义 – davin 2011-03-31 13:11:16

+0

刚刚编辑解释:) – 2011-03-31 13:17:25

+0

还不够清楚。当你“拖放右边的大牌”时会发生什么?给出一个例子,说明你在哪里放置它,以及你希望布局如何出现。 – 2011-03-31 13:24:54

回答

10

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

+2

非常酷,感谢您的链接。 – Kelly 2011-03-31 16:49:18

+0

伙计,真棒:) – 2011-03-31 20:09:49

3

看一下Geckoboard,我相信它使用jQuery Sortable来实现拖放网格布局。

+0

关于他们如何做的任何提示? – AlfaTeK 2012-01-18 18:27:26

10

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

我们正在使用它来在仪表板中安排不同尺寸的小部件。希望你喜欢!

+0

为什么这样的布局的观众想要拖动东西?这是否适用于浅表应用程序或游戏?或者,这是否意味着替代显示证券价格等的壁虎板?好奇...... – Systembolaget 2012-08-05 14:10:46

1

这是一个simple way to do it使用同位素和jQuery UI。

+2

所有的方框在你的例子中都是相同的 – 2013-02-11 10:51:47

+0

所以改变它们:)创建一个新的不同尺寸的类(或多个),并随机将它们应用于某些“li”。 – Jason 2013-02-11 18:05:48