javascript - 动态创建可放置元素

Question

我正在使用 jQuery UI 实现拖放操作 Draggable和 Droppable小部件。 (可排序并没有为我提供足够的灵 active 。)

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

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

您可以在 http://jsbin.com/uciviy/14 上看到我目前拥有的内容.

Answer 1

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

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

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

Fiddle here .