jquery可跨列拖动，但不能跨行拖动

我正在寻找一个jQuery插件，它允许我跨列而不是跨行拖动项目

假设我有一个2行3列的表

所有项目都从第1列开始，有些在第1行，有些在第2行

现在，第一行中的项目只能拖到同一行的列中，第二行中的项目也只能拖到同一列中

有很多拖放插件在那里，但没有我见过的，让我这样做

如果你曾经使用过敏捷计划板，那就很像一个敏捷计划板

编辑

---

或者是否有一个插件，我可以使用它只移动到某个名称的元素？

使用jQuery UI，为表中的每一行指定它是哪一行，并使用

droppable

的

accept

选项来限制特定的

draggable

可以删除的位置

在本例中，

div

元素是可拖动的，放置在表的

td

元素中。每个

tr

都将其

id

属性设置为

row-x

，其中

x

是行号。

accept

函数检查可拖放td元素的行号是否与可拖放元素的行号相同

$("div").draggable({ revert: 'invalid' });

$("td").droppable({
    accept: function(draggable) {
        var droppable_row = $(this).parent().attr("id").split("-")[1];
        var draggable_row = draggable.parent().parent().attr("id").split("-")[1];

        return droppable_row == draggable_row;
    }
});

下面是一个演示：