容器中的多个项目（拖放）

Question

我的拖放代码有问题。我想将多个项目拖放到三个容器中（拖放），然后返回放入容器中的所有值（感谢alert(droppableResults);）。但是这段代码只返回第一个被丢弃的项目，并且我去了所有的项目。 感谢您的帮助！

为了更好的理解，我把代码放在jsfiddle.net中。

https://jsfiddle.net/vbyyvt2o/1/

Answer 1

你的问题是，data-r=""价值得到覆盖每下降。 这导致只有末尾下降被记录（不是的第一个一）。

由于.dropAble可以包含几种方法无效的元素。但是，您可能会从.dropAble中删除data-r属性，并将data-q属性添加到您的.dragAble元素。然后你可以相应地修改你的JS，它应该可以正常工作。

这里是一个修改小提琴： https://jsfiddle.net/vbyyvt2o/4/