javascript - 在 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);
  }
});

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