拖放元素

Question

我試圖使用jquery ui的draggable和droppable插件。我想通過拖放元素助手克隆來觸發

drop event的droppable plugin。我怎樣才能做到這一點？

您可以在這裏看到的例子：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，您都有很多示例。

通過查看文檔看起來可拖動有一個停止事件。

提供一個回調函數來處理停止事件作爲init選項。

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

通過類型dragstop綁定到停止事件。

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

應該足夠用於觸發任何所需的事件。