我删除了我的最后一个职位,并重新措辞我的问题完全。我想限制一个droppable只采取1拖动一次示例:我有3个可拖动的框和2个可放置的目标框。我正在尝试限制放置框一次只能接受项目。我不想禁用放置框,我想确定您可以放置多少个,最多只能放置1个。我需要一个可扩展的解决方案。我还在尝试跟踪您放置框的位置。谢谢你的帮助。
kwvwclae1#
我认为您需要为droppable的accept选项提供一个自定义函数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/
droppable
accept
physically
photo manager
1条答案
按热度按时间kwvwclae1#
我认为您需要为
droppable
的accept
选项提供一个自定义函数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/