jQuery ui可排序行为像gridster？

是否有可能让jQuery ui Sortable grid的行为如gridster？jQuery ui可排序行为像gridster？

为什么不使用gridster？因为它不适用于任何低于IE9的内容。

查看jQuery ui可排序示例，如果您将数字5拖到数字1，数字1将移动到右边。当我用gridster做同样的动作时，数字1会移动到数字5的位置。即使使用不同尺寸的元素，它仍然可以工作。

是否有可能让jQuery ui Sotables网格以类似的方式工作？

2012-10-30 oshirowanen

检查此页http://jqueryui.com/sortable/#portlets –

在研究gridster时跑到这篇文章中：您是否可以将gridster与最新版本的jQuery一起使用？（1.8.x的）。。。它似乎停止对任何高于1.7.2的工作 - 你能证实吗？ –

几乎没有。所有jQuery的排序功能都是改变父元素内部元素的顺序。该演示中显示的“网格行为”仅仅是浏览器的布局引擎的行为正常（从左到右放置元素，同时适合父级的width，然后从上到下）。另一方面，gridster模拟一个独立于其元素的网格：即使您从一列中移除所有的图块，仍然会占用屏幕上的空间。列上的元素是有序的，但根据需要添加/删除行。

完全复制这种行为将是很多工作。我能得到的最接近the gridster demo的行为是connect lists示例，您可以像网格样式（example），但具有相同大小的每个元素。

来源

2012-11-02 07:24:02 mgibsonbr

谢谢。你在这里给出的例子http://jsfiddle.net/UhTt7/基本上就是我之后的但是具有不同大小的元素。 – oshirowanen

如果你知道如何使用jQuery库工作，有是一个jQuery插件称为同位素，其以相似的方式工作：http://isotope.metafizzy.co/demos/fluid-responsive.html

如果您需要添加拖曳事件可以延长同位素部件以下这样的指令： http://jstarrdewar.com/blog/2011/10/28/extend-jquery-draggable-to-work-with-isotope

来源

2012-11-08 15:04:09 KingRial

jQuery ui可排序行为像gridster？

回答

相关问题