动态创建可放置元素

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" );

在这里摆弄。