我正在尝试开发一个控件，其中一个必须能够添加元素，移动和调整它们。我们的想法是通过将一些元素拖到仪表板来绘制小图表。这是我正在努力实现的目标：
仪表板必须具有固定的边界（左/右/底部/顶部）。元素应该与它们发生碰撞，而不是超越它们。
可以使用按钮添加元素或从存储库中拖动元素
元素必须可调整大小
元素应该碰撞
元素必须是可移动的 - 自由式，不要像gridster或gridstack那样在顶部调整。我需要能够在仪表板的底部或中间放置一个元素并且有空格。
我必须能够从元素中获取所有必要的数据，以便存储和重新创建仪表板（保存和加载）。
我首先使用drag＆amp; amp;创建this small test project。放下功能，但很快就有了这种感觉，我试图重新发明轮子，也许是以一种不必要的老式方式做到这一点。
但经过几次搜索后，我仍然没有找到一个插件/控件，它的行为方式与我需要的方式相比，或者很容易让我改变。
Gridster和gridstack使元素位于顶部。 TinyDraggable看起来不错，但不可调整大小。我确实尝试制作div元素.resizable（）（添加jQueryUI），但我无法使其工作。这个插件没有（我认为）碰撞，如果我设法得到其他所需的东西就没关系。我喜欢可拖动物品的移动自由度，而不是我的小项目，他们从一个槽到另一个槽。
所以，问题是：你知道我有没有合适的插件（jQuery）？准备使用还是易于配置/更改？
非常感谢
答案 0 :(得分：4)
使用float模式尝试https://github.com/troolee/gridstack.js。在这种模式下，小部件不会转到容器的顶部。
图书馆正在积极发展。所以我可以实现缺少合理的功能。