可拖动/可拖放 使用克隆时从原始元素获取数据/属性

Question

我正在使用jQueryUI draggable/droppable将行从一个表拖到另一个表。我正在使用helper: 'clone'并且很难从正在拖动的原始项目中获取任何数据/属性。这是一个jsfiddle，可以更好地说明：

https://jsfiddle.net/e2ter0a4/8/

当data-id属性放在可放置区域时，我正在尝试从表格单元格中获取该属性，但无法这样做......

注意：我正在尝试通过jQueryUI执行此操作，而不必在拖动开始或其他自定义解决方案之前跟踪上次单击的单元格(我已经实施了类似的解决方法，只是想知道是否有更简单/更干净的解决方案(。

Answer 1

您可以使用 ui 参数来获取它。 ui.draggable获取您正在拖动的元素。从文档中：

可
拖动 类型：j查询
表示可拖动元素的 jQuery 对象。

试试这个：

$("#droppable").droppable({
    drop: function(event,ui){
    //get data-id from original td
    console.log(ui.draggable[0].getAttribute("data-id"));
  }
});

JQuery UI 可放置文档

这是一个小提琴