在jQuery中拖动表行

Question

使用jQuery（和UI），我希望能够将表行拖出表格并将其放在某个元素上。行本身不应离开表格，类似于iTunes拖动多个选定歌曲时的工作方式。我需要使用表格，因为这是表格数据，我已经有一个表格排序插件。

知道如何实现这个目标吗？

Answer 1

JQuery UI的droppable（）允许您定义一个函数，只要将可接受的draggable（）放到droppable（）上就可以运行。 this page上的演示是帮助我理解如何编码的原因。单击“查看源”查看其代码。特别是这部分：

$gallery.droppable({
  accept: '#trash li',
  activeClass: 'custom-state-active',
  drop: function(ev, ui) {
    recycleImage(ui.draggable);
  }
});

您应该能够创建一个drop函数来克隆所需的行，例如，但不能将其从原始位置删除。

Answer 2

试试这个插件，用普通的Javascript编写，能够拖动和排序行和列。 https://sindu12jun.github.io/table-dragger/