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

Question

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

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

当表格单元格被拖放到可放置区域时，我试图从表格单元格中获取 data-id 属性，但我无法这样做...

注意:我试图通过 jQueryUI 来做到这一点，而不必在拖动开始之前跟踪最后单击的单元格或其他一些自定义解决方案(我已经实现了类似的解决方法，只是想知道如果有更简单/更干净的解决方案)。

Answer 1

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

draggable
Type: jQuery
A jQuery object representing the draggable element.

试试这个:

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

JQuery UI Droppable documentation

Here is a fiddle