jQuery拖动'并从按钮中删除图像？

Question

有没有办法设置jQuery UI的Draggable小部件，以便我可以基本上将图像拖出“按钮”？好像按钮包含不可见的无限对象，并成为从按钮拖动时可以放入另一个框中的真实元素？

我有一个按钮，当按下该按钮时，会将新的DIV添加到我页面中的某个位置。不是单击按钮，而是允许用户将对象从按钮拖动到舞台中。

可能？感谢。

Answer 1

在进一步研究之后，事实证明这里缺少的链接是jQuery UI的Droppable小部件。如果你使用“drop”参数，你可以告诉插件要删除的内容而不是你要拖动的元素。

http://api.jqueryui.com/droppable/#event-drop

Answer 2

我想解决这个问题的大局可能是这样的：

1. 拖动按钮时创建一个拖动对象，以便用户在移动鼠标时看到该对象。
2. 删除对象时将对象插入文档。

可以在以下位置找到正在运行的示例： A running example of drag-drop

$(document).ready(function () {
  $("#div_dragIcon").draggable({
      helper: "clone"
  });

$("#divCanvas").droppable({
    drop: function (e, ui) {
        $(this).append(ui.helper.clone());
    }
});

希望这有帮助。