jquery 拖放UI放置框限制

8zzbczxx  于 2023-01-25  发布在  jQuery
关注(0)|答案(1)|浏览(134)

我删除了我的最后一个职位,并重新措辞我的问题完全。我想限制一个droppable只采取1拖动一次
示例:我有3个可拖动的框和2个可放置的目标框。我正在尝试限制放置框一次只能接受项目。我不想禁用放置框,我想确定您可以放置多少个,最多只能放置1个。我需要一个可扩展的解决方案。我还在尝试跟踪您放置框的位置。
谢谢你的帮助。

kwvwclae

kwvwclae1#

我认为您需要为droppableaccept选项提供一个自定义函数
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/

相关问题