动态创建可悬浮元素

Question

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

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

但是如何让这个drop placeholder可以自行删除呢？如果我创建它然后立即调用它上面的droppable()方法，这没有任何效果。因此，如果用户直接在放置占位符上删除，我该如何检测到它呢？

到目前为止，您可以在http://jsbin.com/uciviy/14看到我的内容。

Answer 1

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

你可以通过JQuery创建div，然后使其可以放置，或者当拖动事件在可拖动元素上开始时创建一个droppable div，并且可以在创建的新div上删除该元素。这可能是这样的：

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

Fiddle here