jquery draggable，但留下原始元素的副本

Question

假設我有3個笑臉，L，M和R在頁面頂部。在底部，我有一個目的地框。在他們之間是一個聲明：「把中間的笑臉拖到目的地」。

雖然draggable允許您這樣做，但它會拖拽實際的元素，而不是副本。當用戶拖動一個笑臉時，我希望頂部3保持靜止，只有他們正在移動的副本才能移動。用戶應該能夠將多個副本（如果需要）拖動到多個目標框中。

基本上進出口尋找這樣的事情

$("#drag-target-1").draggable('leave-copy'); 

Answer 1

使用的輔助屬性與價值clone使拖動元素的克隆。

$("#drag-target-1").draggable({helper : 'clone' });