拖放ui拖放框限制

Question

我删除了我的上一篇文章，完全修改了我的问题。我想将可下垂的限制限制为一次只能拖放1，

示例:我有3个拖放框和2个可下垂的目标框。我试图限制投递箱一次只接受项目。我不想禁用这个放置框，我只想限制你可以在它上放置多少个，我想要一个可扩展的解决方案。我也在努力跟踪你丢下盒子的地方。

我重做了我的演示：http://pidbaq.com/old.php

谢谢你的帮助。

Answer 1

我认为您需要为accept选项droppable提供一个自定义函数。

http://jqueryui.com/demos/droppable/#option-accept

因此，它接受第一个删除的项，并检查可拖放容器是否已经包含另一个项，返回false，以便下一个项将被拒绝。

由于拖放元素不是physically一个接一个地移动到可下垂区域，所以很难确定它在可下垂区域中是否存在。您可以尝试遵循photo manager的示例，并在拖放后实际将dom元素移动到区域。http://jqueryui.com/demos/droppable/#photo-manager

因此，使用accept回调可以检查可下垂区域是否已经包含其中一个元素，如果答案是肯定的，则拒绝。我用过照片管理器在这里做了一个例子。

http://jsfiddle.net/Quincy/rAcWK/