如何创建拖放组件？答案

【问题标题】：How to create Drag and drop components?如何创建拖放组件？
【发布时间】：2012-05-29 23:20:44
【问题描述】：

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

对于这个最适合的要求。

我尝试搜索，如 jQuery、Smart GWT、Ext JS 等建议。哪一个是可行的，甚至除此之外也是可行的？

谢谢，

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

再次感谢。

【问题讨论】：

标签： jquery extjs smartgwt

【解决方案1】：

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

【讨论】：

谢谢。但我正在寻找可拖动和可放置的。在它放下原始组件后可用于下一次拖动.. 有可能吗.??

【解决方案2】：

为什么不使用 HTML5 功能？

http://html5demos.com/drag

【讨论】：

【解决方案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
   }
});

【讨论】：