动态创建可放置元素答案

【问题标题】：Dynamically Create Droppable Element动态创建可放置元素
【发布时间】：2012-12-15 17:21:38
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：