在html中拖动组件

Question

有没有办法将一些html组件从div拖到另一个div.Like 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/

我更喜欢Twitter Bootstrap's美学和更轻松的jQuery组件到jQuery UI，但它们目前没有拖放插件。但是，对于在Bootstrap上实现拖放的人来说，这是一个很好的演示。来源可以在github上找到。

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

Answer 2

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

除了jQuery，我可以为.Net平台推荐Telerik的套件，为平台无关的集成推荐KendoUI（带枪的jQuery）。