拖放行为不符合预期

Question

当我从第一个网格（图像左侧）拖动到第二个网格（图像右侧）时，我必须将项目悬停在我用红色圈出的区域上......如果我不放下它在那里，它跳回第一个网格。

这不是我期望网格协同工作的方式吗？

预期是：如果我将一个项目拖放到网格中的任何位置，它应该会将自身拖放到该网格中。

有什么办法可以做到这一点？

Answer 1

我建议您在两个网格中都使用height: "auto" 选项。当前的问题是您使用了gridDnD 方法的选项connectWith: "#grid2"，但是id=grid2 的第二个网格仅由您标记为红色的目标表部分组成。 “网格”的其他部分是存在于 <table id="grid2"> 之上的 <div> 元素。所以拖放不能像你期望的那样工作。您尝试将放在目标网格之外。