拖放元素

Question

我试图用一个draggable和droppable的插件jquery ui 。 我想触发一个

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

您可以在此处看到示例： 请参阅Codiqa（拖放）

Answer 1

您可以使用helper选项初始化可拖动元素，并在放置可拖动元素时添加克隆。

$(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的示例。

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

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

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

通过以下类型绑定到stop事件：dragstop。

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

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