如何将对象注入JQuery中可拖动元素的上下文中？

我使用可拖放JQuery特性，如下所示

div.container {
    height:400px;
}

<div class="container" id="source">
    <div id="0">Item 0</div>
    <div id="1">Item 1</div>
    <div id="2">Item 2</div>
</div>

<div class="container" id="target"></div>

$("#source div").draggable({
    helper:"clone",
        revert:"invalid"
    });

因此，在目标容器中，我可以使用（注意第二条警报语句）

我怎么做

关于这类事情，

是专门为这类事情设计的

$("#source div").draggable({
    helper:"clone",
        revert:"invalid",
        start: function(evt,ui) {
           $(this).data('injected', contextualObject)
        }
    });

然后，在您的下拉列表中：

 var obj = $(ui.draggable).data('injected');
 console.log(obj.property);

几点注意：

• 您应该在拖放中使用

  ui.draggable

  ，以获取拖放的项目<代码>此是正在放置的项目
• 元素id应该开始，而不是数字

---

我有一个工作演示。

你试过了吗？它似乎不起作用。在droppable中，它抱怨obj未定义。我没有尝试过它，但我现在已经修复了其中的错误。您应该对正在拖动的元素使用

ui.draggable

。这是可拖放元素。很抱歉。

$("#source div").draggable({
    helper:"clone",
        revert:"invalid",
        start: function(evt,ui) {
           $(this).data('injected', contextualObject)
        }
    });

 var obj = $(ui.draggable).data('injected');
 console.log(obj.property);