在表格单元格之间拖放列表项 - jQuery答案

【问题标题】：Drag and Drop list items between table cells - jQuery在表格单元格之间拖放列表项 - jQuery
【发布时间】：2013-09-12 16:28:32
【问题描述】：

在我的一个项目中，我需要使列表项可在表格单元格之间拖放。这意味着应该能够将列表项从表格单元格中拖放到另一个单元格中，并且应该将其保存在新位置。有人可以为此建议任何插件吗？

谢谢。

【问题讨论】：

标签： jquery drag-and-drop

【解决方案1】：

我认为下一个解决方案对您来说既简单又有用：http://jqueryui.com/demos/sortable/#connect-lists

【讨论】：

我想做类似的事情，这个解决方案效果好吗？它在表格单元格中工作正常还是您转换为列表？

【解决方案2】：

表格拖放插件：http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/

其他拖放插件：http://www.tripwiremagazine.com/2012/04/jquery-drag-drop-plugins.html

【讨论】：

谢谢，但是这些都不合适。第一个对表格行进行排序，而我需要在表格单元格之间拖放项目。

【解决方案3】：

使用旧示例from another post，您可以将选择器添加到单元格中，然后在接收时验证它们：

jQuery:

function(e, ui){
    var dropId = ui.item.attr("id");
    alert(dropId);
    if (dropId == "top1" || dropId == "top2") {
        $("#a").append(ui.item);   
    } else if (dropId == "bottom1" || dropId == "bottom2") {
        $("#b").append(ui.item);   
    }
}

有点晚了，但也许对未来的帮助：demo click here

【讨论】：