动态创建可悬浮元素

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

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

但是，如何才能使这个下拉占位符本身可以放置？ 如果我创建它然后立即调用它上面的droppable()方法，这没有任何效果。 因此，如果用户直接在放置占位符上掉落，我怎么能检测到这个？

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

Answer 1

可以动态创建div并使其可以放置。

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

 $( "
Dynamic Droppable Div
" ).droppable( dropOptions ).appendTo( "#anotherDiv" ); 

在这里小提琴 。