動態創建可拖放元素

Question

我正在實現使用jQuery UI Draggable和Droppable小部件的拖放操作。 （Sortable並沒有爲我提供足夠的靈活性。）

當我拖動時，我動態地創建了一個drop佔位符元素來精確地顯示放置放置的位置。

但是，我怎樣才能讓這個放置佔位符本身droppable？如果我創建它，然後立即調用其上的droppable()方法，則不起作用。如果他們的用戶直接丟棄在drop placeholder上，我怎麼能檢測到這一點？

你可以看看我目前在http://jsbin.com/uciviy/14。

Answer 1

可以動態創建div並使其可放下。

您既可以通過JQuery創建div，然後使其可放下，也可以在拖動事件在可拖動元素上開始時創建可放置的div，並且該元素可以放在創建的新div上。這可能是這樣的：

$("<div>Dynamic Droppable Div</div>").droppable(dropOptions).appendTo("#anotherDiv"); 

Fiddle here。