Javascript 可在多个容器/网格之间拖动的元素

我希望能够在多个网格中拖动/排序元素。与下面的代码片段/图像非常相似

然而，问题是，当我将元素拖到网格之外时，它将开始意外地跳转/隐藏，并表现得一团糟。有没有更好的方法（也可以是一些插件）可以帮助我实现这种行为

多谢各位

$（文档）.ready（函数（）{
$（“.sortable网格”）.sortable({
回复：真
});
$（“.sortable元素”）.draggable({
connectToSortable:“.sortable grid”，
回复：“无效”
});
});
。可排序网格{
填充：15px；
边框：1px虚线；
}
.可排序元素{
背景色：#DDD；
边缘底部：5px；
}

一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
不清楚您为什么需要可拖动设备。由于所有项目都在可排序表下，因此可以拖动它们

例如：


$（函数（）{
$（“.sortable网格”）.sortable({
回复：真
});
});
。可排序网格{
填充：15px；
边框：1px虚线；
}
.可排序元素{
背景色：#DDD；
边缘底部：5px；
}

一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
我对这件事几乎不知所措。