元件拖拽

Question

有沒有辦法從一個div拖動一些HTML組件到另一個div.Like VisualStudio的工具箱，我需要從設計，我必須將HTML組件拖動到另一個places.Is有任何一個組件容器方法來做到這一點。

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用戶界面，但他們目前還沒有一個拖/放插件。但是，這是一個在Bootstrap之上實現了拖放的人的一個很好的演示。源在github上可用。

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

Answer 2

有很多可用的拖放功能的第三方框架。每種都有一定的優點或缺點。你應該問自己的第一個問題是我正在從事什麼平臺 - php，asp等，然後詢問我想要定位的瀏覽器。 jQuery可以在任何平臺上工作，根據您的環境，實現可能會非常棘手，而純HTML5在較舊的瀏覽器中會失敗。鑑於您的目標平臺，您可以縮小選擇範圍。

除了jQuery的，我可以推薦Telerik的套件對於.NET平臺和KendoUI（jQuery的槍支），用於與平臺無關的集成。