容器中的多個項目（拖放）

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/