jQuery只在特定列表之间拖放

时间:2015-10-14 18:21:41

标签: javascript jquery list drag-and-drop jquery-ui-sortable

我有一个小问题,我正在努力解决,javascript的新手并没有帮助我(我来自ac #background并且总是告诉自己我有一天会正确学习javascript!)而且我是希望有人能指出我正确的方向!

我有5个不同的列表,列出A,B,C,D和一个Bucket List。我们的想法是您可以将列表A,B,C或D中的列表项拖到Bucket中,但桶中的任何内容只能转到1个列表(除了它自己)。基本上,一个项目只能在其正确标记的列表中,或桶中,没有别的。

所以,我已经创建了我的列表,并且我正在使用数据标记来跟踪哪个项目应该在哪个列表中(data-pos =“A”)等。

我可以将这些项目从字母列表中输入到存储桶中,但是当我尝试将它们拖回时,警报会告诉我这是正确的数据,但会自动返回到存储桶列表并且不会t坐在列表中,它被拖到。

我希望在可排序列表上做一些类似于connectWith: "#" + position + "List ul, #bucketList ul"的事情(我假设问题在哪里?)但是我现在没有运气访问数据属性。也许这不是解决这个问题的正确方法吗?

到目前为止我有以下内容: http://jsfiddle.net/graham_m84/vk7jeba2/

这可能是一个非常简单的javascript wizz,但我已经阅读并绞尽脑汁了很长时间,并决定寻求我的双腿之间的帮助:)

如果有人能指出我正确的方向,我会是一个非常幸福的人。

0 个答案:

没有答案