拖放元素

Question

我正在尝试使用draggable的{​​{1}}和droppable个插件。我想触发一个

通过拖放元素助手克隆来jquery ui drop event。我怎么能这样做？

您可以在此处查看示例：See the Codiqa (drag & drop)

Answer 1

您可以使用帮助程序选项初始化可拖动元素，并在删除时附加可拖动元素的克隆。

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

DEMO

Answer 2

你应该考虑给jQuery UI文档一个镜头（http://jqueryui.com/demos/），这太棒了！

draggable和droppable都有很多例子。

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

  

提供一个回调函数来处理stop事件作为init选项。

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

     

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

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

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