拖放ui drop box limit

时间:2011-11-04 02:59:40

标签: jquery jquery-ui

我删除了我的上一篇文章并完全重述了我的问题。我想限制一个dropable只能一次 1可拖动

示例:我有3个可拖动的盒子和2个可放置的目标盒子。我试图限制下拉框一次只接受项目。我不想禁用丢弃框我只想限制你可以放到它的数量只有1.我想要一个可扩展的解决方案。我也试图跟踪你放下盒子的位置。

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

感谢您的帮助。

1 个答案:

答案 0 :(得分: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/