是否有可能让jQuery ui 可排序网格表现得像gridster？
为什么不使用gridster？因为它不适用于IE9以下的任何东西。
查看 jQuery ui Sortable 示例，如果将数字 5 拖动到数字 1，数字 1 会向右移动。当我对 gridster 执行相同的操作时，1 号将移动到 5 号的位置。即使使用不同大小的元素，它也能继续工作。
是否有可能让 jQuery ui Sotables 网格以类似的方式工作？
问问题
5631 次
2 回答
2
几乎不。jQuery 的 sortable 所做的只是改变父元素中元素的顺序。该演示中显示的“网格行为”只是浏览器的布局引擎行为正常（从左到右放置元素，同时它们适合父元素width，然后从上到下）。另一方面，gridster 模拟了一个独立于其元素的网格：即使您从一列中删除所有图块，它仍会占用屏幕上的空间。列上的元素是有序的，但行会根据需要添加/删除。
完全复制这种行为将是很多工作。最接近gridster demo的行为是连接列表示例，您可以将其设置为网格（示例），但每个元素的大小相同。
于 2012-11-02T07:24:02.727 回答
1
如果你知道如何使用 jQuery 库，有一个名为 Isotope 的 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-08T15:04:09.627 回答