html - html中拖拽组件

Question

有什么办法可以将一些 html 组件从一个 div 拖到另一个 div。就像 visualstudio 工具箱一样，我需要设计一个组件容器，我必须从中将 html 组件拖到另一个地方。有什么办法吗？

Answer 1

jQuery UI 有一个相当灵活的拖放库。它可能是最著名的库之一，对于拖放工作，它比编写自己的库要容易得多。

• http://jqueryui.com/demos/draggable/

HTML 5 增加了对拖放的支持，但浏览器支持并不是全面的。

• http://html5demos.com/drag
• http://www.html5rocks.com/en/tutorials/dnd/basics/

与 jQuery UI 相比，我更喜欢Twitter Bootstrap 的美学和更轻量的 jQuery 组件，但它们目前没有拖放插件。然而，这是在 Bootstrap 上实现拖放的人的一个很好的演示。源代码可在 github 上找到。

• http://bootstrap-forms.heroku.com/#

Answer 2

有很多第三方框架可用于拖放功能。每个都有一定的好处或缺点。您应该问自己的第一个问题是我正在使用什么平台 - php、asp 等。然后问我想要定位哪些浏览器。jQuery 几乎可以在任何平台上运行，并且根据您的环境，实现可能会很棘手，而纯 HTML5 在旧浏览器中会失败。给定您的目标平台，您可以缩小选择范围。

除了 jQuery，我可以推荐 Telerik 的 .Net 平台套件和 KendoUI（带有 Guns 的 jQuery），用于与平台无关的集成。