拖放并使该元素响应
Drag and drop and make that element responsive
我正在尝试实现 jquery 拖放。
- 我想知道哪个是最可定制的插件？
- 考虑在执行拖放后，我想让设计响应。
例如。 canvas 区域为 100 X 100 像素。我在中间放了一个 25 X 25px 的正方形。所以它的顶部和左侧是 25 像素。
现在考虑这个设计需要在全屏模式下放大自身以适应整个屏幕。我们将使用 width: 100% 作为 canvas 但添加的 div 的顶部和左侧是 25px。
我们如何确保它适合所有屏幕尺寸？
在拖放中存储这些参数时我需要采取哪些步骤？ （以百分比或 px 存储顶部、左侧）或者是否有更好的媒体查询方法？
谢谢。
嘿，您不需要使用任何插件来执行此操作。只需使用 jquery 从 jquery 站点拖放并将其集成到您的应用程序中，但在执行此操作之前，请先阅读文档，因为它不会超过 15 分钟。
响应性的第二种解决方案是，当您安排放置的项目时，首先制作一个虚拟 canvas，其中包含虚拟数据，并为此创建一个响应式 css，当您拖放时掉落后的任何时间，您都可以将相同的 类 应用于掉落的物品。所以你的响应对于应用程序来说是一样的。但我会建议不要为此使用任何插件
您可以使用这两个选项：
rubaxa-sortable 是一个快速、无依赖、小型可重新排序的列表小部件，具有触摸支持，可与 HTML5 本机拖放 API 配合使用。您可以将它与 Bootstrap, Foundation 或您想要的任何 CSS 库一起使用，实例化它只需要一行。
更多详情：How can I implement a touch-sensitive, responsive, sortable list supporting drag & drop for Bootstrap?
-
- http://jquer.in/tag/drag-drop/ - 你可以在这个页面查看插件，可以帮助你。
我正在尝试实现 jquery 拖放。
- 我想知道哪个是最可定制的插件？
- 考虑在执行拖放后，我想让设计响应。 例如。 canvas 区域为 100 X 100 像素。我在中间放了一个 25 X 25px 的正方形。所以它的顶部和左侧是 25 像素。 现在考虑这个设计需要在全屏模式下放大自身以适应整个屏幕。我们将使用 width: 100% 作为 canvas 但添加的 div 的顶部和左侧是 25px。
我们如何确保它适合所有屏幕尺寸？ 在拖放中存储这些参数时我需要采取哪些步骤？ （以百分比或 px 存储顶部、左侧）或者是否有更好的媒体查询方法？
谢谢。
嘿，您不需要使用任何插件来执行此操作。只需使用 jquery 从 jquery 站点拖放并将其集成到您的应用程序中，但在执行此操作之前，请先阅读文档，因为它不会超过 15 分钟。
响应性的第二种解决方案是，当您安排放置的项目时，首先制作一个虚拟 canvas，其中包含虚拟数据，并为此创建一个响应式 css，当您拖放时掉落后的任何时间，您都可以将相同的 类 应用于掉落的物品。所以你的响应对于应用程序来说是一样的。但我会建议不要为此使用任何插件
您可以使用这两个选项：
rubaxa-sortable是一个快速、无依赖、小型可重新排序的列表小部件，具有触摸支持，可与 HTML5 本机拖放 API 配合使用。您可以将它与 Bootstrap, Foundation 或您想要的任何 CSS 库一起使用，实例化它只需要一行。
更多详情：How can I implement a touch-sensitive, responsive, sortable list supporting drag & drop for Bootstrap?
- http://jquer.in/tag/drag-drop/ - 你可以在这个页面查看插件，可以帮助你。