Javascript 拖放并使该元素具有响应性

我正在尝试实现jquery拖放

我想知道哪一个是最可定制的插件

考虑到在实现拖放之后，我希望使设计具有响应性。 例如，画布面积为100 X 100像素。我把一个25 X 25像素的正方形放在中间。所以它的左上角是25像素。 现在考虑这个设计需要放大自己的全屏幕模式，以适应整个屏幕。我们将使用宽度：100%用于画布，但添加的div的顶部和左侧是25px 我们如何确保它适合所有屏幕尺寸？ 在拖放存储这些参数时，我需要采取哪些步骤？（以百分比或px存储顶部、左侧）或是否有更好的媒体查询方法等

---

谢谢。

嘿，你不需要使用任何插件就可以做到这一点。只需从jquery站点使用jquery拖放并将其集成到您的应用程序中，但在此之前，只需先阅读文档，因为它不会花费超过15分钟的时间

---

响应性的第二个解决方案是，当您要安排您的被删除的项目时，首先制作一个包含虚拟数据的虚拟画布，并为此创建一个响应css，当您在拖放之后拖放任何内容时，您可以将相同的类应用于被删除的项目。因此，应用程序的响应能力将相同。但是我建议不要使用任何插件，你可以使用以下两个选项：

rubaxa sortable

是一个快速、无依赖性、小的可重排序列表小部件，支持触摸，可与HTML5原生拖放API一起使用。您可以使用它，或任何CSS库您想要的，并实例化它只需要一行

更多详情：

-您可以在此页面中查看插件，可以帮助您

---

使用JqueryUI&&combo。欢迎使用堆栈溢出！原则上这是个好问题，但可能超出了网站上的问题参数。你试过什么？你能给我们一些密码吗？从你所做的尝试来看，有什么不起作用？以上内容过于宽泛，而且可能过于基于观点。我还没有尝试过。我很快就会开始这样做。我问这个问题只是为了确保我走的是正确的道路。我一定会尽快开始实施，我会尝试一下。当你说在删除后添加类时，你的意思是我应该预先定义它们并根据位置添加它们吗。你能给我一个简单的例子吗？如果你达到了这个目标并且喜欢这个解决方案，请接受答案并举手。使用bootstrap css来实现无需任何痛苦的响应是的，Ritesh只需使用预定义的类，当您在画布上放置元素时，您就可以将该类应用于已放置的项目