动态创建Droppable元素

Question

我正在使用jQuery UI、Draggable和Droppable小部件实现拖放。(Sortable没有为我提供足够的灵活性。)

当我拖动时，我动态地创建了一个放置占位符元素，以精确地显示放置放置的位置。

但是我怎样才能使这个拖放占位符本身成为可丢弃的呢？如果我创建了它，然后立即对它调用droppable()方法，这是没有效果的。因此，如果他们的用户拖放直接放在拖放占位符上，我如何检测到这一点？

你可以看看我到目前为止在http://jsbin.com/uciviy/14上做了些什么。

Answer 1

可以动态创建div并使其成为可删除的。

您可以通过JQuery创建div，然后使其可放入，或者当拖动事件在可拖动元素上开始时创建可放入的div，该元素可以放到创建的新div上。这可能是这样的：

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

Fiddle here。