jquery - jQuery ui Sortable 可以表现得像 gridster 吗？

Question

是否可以得到jQuery ui Sortable grid表现得像 gridster ？

为什么不使用gridster？因为它不适用于 IE9 以下的任何版本。

查看 jQuery ui Sortable 示例，如果将数字 5 拖动到数字 1，则数字 1 会移动到右侧。当我对 gridster 执行相同的操作时，1 号将移动到 5 号的位置。即使使用不同大小的元素，它也能继续工作。

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

Answer 1

几乎没有。 jQuery 的 sortable 所做的只是更改父元素内元素的顺序。该演示中显示的“网格行为”只是浏览器的布局引擎正常运行(将元素从左到右放置，同时适合父级的宽度，然后从上到下)。另一方面，gridster 模拟一个独立于其元素的网格:即使您从一列中删除所有图 block ，它仍然占据屏幕上的空间。列上的元素是有序的，但行是根据需要添加/删除的。

完全复制这种行为需要大量工作。我能到达的最接近的the gridster demo的行为是connect lists例如，您可以将其样式设置为网格 ( example )，但每个元素的大小相同。