如何创建拖放组件？

Question

我想在我的网页中创建拖放组件。例如，在页面右侧的输入文本框中，单选按钮，复选框应该可用。然后我需要将这些组件拖放到页面的左侧。

对于这个最适合的要求。

我尝试了搜索，jQuery，Smart GWT，Ext JS等建议。哪一个是可行的，甚至不是这样的呢？

谢谢，

尝试使用jQuery拖放选项。但这些都是用原始实例播放的。但我正在寻找，拖放后即使这个组件应该可以用于下一次拖动？有可能??

再次感谢。

Answer 1

我认为http://jqueryui.com/demos/draggable/在这种情况下是最灵活的解决方案。

Answer 2

为什么不使用HTML5功能？

http://html5demos.com/drag

Answer 3

您应该在jquery UI中使用“droppable”组件

http://jqueryui.com/droppable/

默认情况下，可投放项目是可拖动项目。

 $( ".selector" ).droppable({
  drop: function( event, ui ) {
    //reset the position of "ui" element to initial position
    //add any new item in the place of dropped item
   }
});