jquery - 如何创建拖放组件？

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
   }
});