jquery - jQuery从按钮拖放图像？

Question

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

我有一个按钮，当按下它时，会将一个新的 DIV 附加到我页面中的某个位置。与其单击按钮，不如让用户将对象从按钮拖到舞台上。

可能的？谢谢。

Answer 1

在进一步研究之后，发现这里缺少的链接是 jQuery UI 的 Droppable 小部件。如果您使用“drop”参数，您可以告诉插件要放置什么而不是拖动的元素。

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

Answer 2

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

1. 在拖动按钮时创建一个拖动对象，以便您的用户在移动鼠标时看到该对象。
2. 当它被放下时，将对象插入到您的文档中。

可以在以下位置找到 运行示例：拖放的运行示例

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

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

希望这会有所帮助。