拖放用户界面下拉框限制

我删除了我的最后一篇文章，并完全改写了我的问题。我想一个可投放限制为仅取1可拖动的同时拖放用户界面下拉框限制

例如：我有3条可拖动的盒和2个可投放目标框。我试图限制一次只接受项目的投递箱。我不想禁用下拉框，我只是想限制您可以将其降到1的数量。我想要一个可扩展的解决方案。我也试图跟踪放置箱子的位置。

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

谢谢您的帮助。

来源

2011-11-04 c3cris

我认为你需要为droppable

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

的accept选项提供自定义的功能，因此它接受第一次放下项目，并检查drappable容器已经包含另一个项目，则返回false，以便在未来物品会被拒绝。

由于可拖动元素不是physically在拖放之后移动到可拖放区域，因此很难确定它是否存在于可拖放区域中。您可以尝试按照photo manager的示例进行操作，并实际将dom元素移至该区域后放置。 http://jqueryui.com/demos/droppable/#photo-manager

因此，使用accept回调可以检查可放置区域是否已经包含其中一个元素，如果答案是肯定则拒绝。我已经使用照片管理器在此处举例说明。

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

来源

2011-11-04 03:15:11 Quincy

你能详细点吗？我希望它一次只接受1个可拖动的数据，而不仅仅是1个时间段。我一直在与接受玩弄，并未能找到解决办法。我还需要一个解决方案，如果你将一个盒子从一个放置目标中移出并试图移动不同的盒子，那么接受这个盒子会是什么样子？ – c3cris

看到我修正的答案 – Quincy

拖放用户界面下拉框限制

回答

相关问题