javascript - 拖放元素

Question

我正在draggable尝试droppable使用jquery ui. 我想触发一个

drop event通过droppable plugin拖放元素助手克隆。我怎样才能做到这一点？

您可以在此处查看示例：查看 Codiqa（拖放）

Answer 1

您可以使用辅助选项初始化可拖动元素，并在拖放时附加可拖动元素的克隆。

$(function() {
    $(".draggable").draggable({
        helper: "clone"
    });
    $("#dropzone").droppable({
        drop: function(event, ui) {
            $(this).append($(ui.draggable).clone());
        }
    });
});​

演示

Answer 2

您应该考虑试一试 jQuery UI 文档（http://jqueryui.com/demos/），太棒了！

你有很多关于draggable和droppable的例子。

通过查看文档，似乎可以拖动有一个停止事件。

提供一个回调函数来处理作为初始化选项的停止事件。

$( ".selector" ).draggable({
   stop: function(event, ui) { ... }
});

按类型绑定到停止事件：dragstop。

$( ".selector" ).bind( "dragstop", function(event, ui) {
  ...
});

这应该足以触发任何所需的事件。