容器中的多个项目(拖放)

时间:2016-01-22 08:09:49

标签: javascript jquery drag-and-drop

我的拖放代码有问题。我想将多个项目(拖动)放在三个容器(drop)中,然后返回放入容器中的所有值(感谢alert(droppableResults);)。但是这段代码只返回丢弃的第一个项目,然后我去了所有项目。 谢谢你的帮助!

我将代码放在jsfiddle.net中以便更好地理解。

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

1 个答案:

答案 0 :(得分:0)

您遇到的问题是data-r=""值会因丢弃而被覆盖。 这导致仅记录最后下降( 第一个下降)。

由于.dropAble可以包含几个接近但不起作用的元素。但是,您可以从data-r中删除.dropAble属性,并为data-q元素添加.dragAble属性。然后你可以相应地修改你的JS,它应该可以正常工作。

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