一种不同类型的jquery可排序

时间:2011-03-31 13:05:34

标签: jquery plugins jquery-ui-sortable

我有不同大小的元素,根据网格排列(如下图所示),我想正确地拖放这些元素。是否有插件可以做到这一点?可排序无法正常运行......

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

sortable grid

编辑: 如果你移动右边的大块(它应该是什么样子)。

sortable grid 2

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

5 个答案:

答案 0 :(得分:10)

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

答案 1 :(得分:10)

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

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

答案 2 :(得分:4)

我知道你刚才问过这个问题,但我终于想起了它的名字......

http://masonry.desandro.com/

干杯。

答案 3 :(得分:3)

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

答案 4 :(得分:1)

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